Firefox+Wayland环境下浏览器粘贴文件失效，DataTransferItem kind为string

你的代码逻辑本身没有问题，这个情况大概率和你使用的平台组合（Firefox 104.0 + Ubuntu 22.04 + Wayland）相关。

原因说明 #

这段监听document.onpaste并通过event.clipboardData.items捕获文件的代码，是处理浏览器文件粘贴的标准实现，在X11会话的Firefox或其他主流浏览器中能正常工作。但Wayland的剪贴板协议与传统X11存在差异，早期版本的Firefox（比如你用的104.0）在Wayland环境下对文件复制粘贴的处理存在兼容性问题：复制系统文件时，剪贴板中仅会存入文件名的文本列表，而非文件对象本身，因此你看到的DataTransferItem的kind始终为string。

可行的解决方向 #

• 切换到X11会话测试：在Ubuntu登录界面选择X11会话（而非Wayland），重新打开Firefox运行代码，大概率能正常捕获到file类型的剪贴板项。
• 升级Firefox版本：后续Firefox版本对Wayland剪贴板的支持做了优化，升级到较新版本（比如115+的ESR版本）可能解决该兼容性问题。
• 尝试异步Clipboard API：使用更现代的异步剪贴板API替代传统的onpaste事件处理，代码示例如下：

  document.addEventListener('paste', async (event) => {
    try {
      const clipboardItems = await navigator.clipboard.read();
      for (const item of clipboardItems) {
        // 遍历当前剪贴板项支持的所有类型
        for (const mediaType of item.types) {
          // 根据需要筛选文件类型，比如图片、文档等
          if (mediaType.includes('image/') || mediaType.includes('application/')) {
            const fileBlob = await item.getType(mediaType);
            process(fileBlob); // FileBlob与File对象用法基本一致，可直接传入原process函数
          }
        }
      }
    } catch (error) {
      console.error('读取剪贴板内容失败:', error);
    }
  });
  

  注意：该API需要在HTTPS环境（或本地localhost）下使用，且Firefox 104对其支持有限，升级浏览器后兼容性更好。

内容的提问来源于stack exchange，提问作者glk0