针对Internet Explorer的拖放文件上传库

Question

我发现了一个很棒的库，名为JQuery File Upload，适用于在现代浏览器中实现拖放上传文件功能。不幸的是，在Internet Explorer中无法拖放文件。

在该项目中，IE浏览器拖放上传文件是必须要有的功能，因此我希望找到一个解决方案来满足这种特定情况。我的想法是最终有两个上传页面版本，一个用于IE，另一个用于其他浏览器。

有没有人知道一个好的ActiveX库，可用于IE中进行这样的上传，而且不需要任何安装？

- plang

Answer 1

我认为最好的方法是使用新的HTML5拖放API和新的文件API。

- MyBoon

---

我认为TO希望解决旧版本IE的问题，因为它不支持HTML5的拖放API。 - A.M.K

好的！我认为FileDrop是你所需要的 --> 链接 - MyBoon

FileDrop显然可以通过拖放和IE6+操作，通过iframe技巧实现文件上传。我需要检查一下，但看起来很有前途。谢谢！ - plang

Answer 2

我编写了一个 JavaScript 模块来进行一般化的拖放事件，包括：

• 文件拖放
• 在浏览器窗口内拖放
• 在两个不同浏览器窗口之间拖放
• 从浏览器窗口拖放到外部应用程序
• 从外部应用程序拖放到浏览器窗口

它抽象了 HTML5 拖放 API 中许多奇怪的东西，否则会浪费您数小时的时间。以下是一个使用示例：

dd.drag(myDomNode, {
    dragImage: true, // default drag image
    start: function(setData, e) {
        setData('myCustomData', JSON.stringify({a:1, b:"NOT THE BEES"})) // camel case types are allowed!*
    }
})
dd.drop(myDropzone, {
    drop: function(data, pointer, e) {
        myDropzone.innerHTML = data.myCustomData
    }
})

它在IE中也可以工作（具有通常的IE注意事项）。在此处查看完整文档：https://github.com/fresheneesz/drip-drop

- B T

Answer 3

你可以尝试使用dropZone，支持IE 10+。

- Nicolas S.Xu

Answer 4

FiledropJS 2是一个拖放文件上传库，它还有一个基于<Iframe>的备选方案，可以在旧版IE中使用。该页面上有一个演示，看起来很有前途，不妨去试试。

- saji89