从Outlook拖拽文件到Firefox失效问题咨询

针对Firefox 105.0.3中从Outlook拖拽PDF时dataTransfer.files/items为空的问题，可按以下方式处理：

• 必须正确阻止拖拽事件的默认行为
  在dragover和drop事件中都要调用event.preventDefault()和event.stopPropagation()，否则Firefox会忽略拖拽的文件数据：

  document.addEventListener('dragover', (e) => {
    e.preventDefault();
    e.stopPropagation();
  });
  

• 遍历dataTransfer.items而非依赖files数组
  Firefox对桌面应用（如Outlook）的拖拽数据处理逻辑和其他浏览器不同，文件可能存在于items中而非直接暴露在files里。遍历并尝试从item中提取文件：

  document.addEventListener('drop', (e) => {
    e.preventDefault();
    e.stopPropagation();
  
    const items = e.dataTransfer.items;
    for (let i = 0; i < items.length; i++) {
      const item = items[i];
      // 尝试直接获取文件
      if (item.kind === 'file') {
        const file = item.getAsFile();
        if (file && file.name.endsWith('.pdf')) {
          // 处理你的PDF文件逻辑
          console.log('获取到PDF文件:', file);
        }
      }
      // 处理Outlook可能传递的本地URI格式
      else if (item.type === 'text/uri-list') {
        item.getAsString((uri) => {
          // uri通常为file://开头的本地文件路径，可进一步处理
          if (uri.endsWith('.pdf')) {
            console.log('PDF文件路径:', uri);
            // 注：直接通过file://路径创建File对象受浏览器安全限制，需用户授权
          }
        });
      }
    }
  });
  

• 检查Firefox的配置项
  若上述方法无效，可能是Firefox的安全限制导致无法读取桌面应用拖拽的文件：

  1. 在Firefox地址栏输入about:config并回车，确认风险提示
  2. 搜索dom.events.dataTransfer.mozFile.enabled
  3. 将该选项设置为true，重启浏览器后重试

• 不要依赖MIME类型判断
  Outlook拖拽的PDF可能被标记为application/octet-stream而非标准的application/pdf，建议通过文件名后缀.pdf来识别文件类型。

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