页面上具有多个目标放置区域的 HTML5 拖放文件上传

Question

是否有任何 Javascript 解决方案允许 HTML5 拖放上传到网页上的多个目标？

示例

网页上有五个不同的文件夹，用户可以简单地拖动 文件并放入目标文件夹以将其上传到该文件夹​​。

到目前为止，我已经完成了对单个目标的拖放上传。但我想要一些适用于页面上多个目标的东西。还有排队选项，因此并非所有文件都一次上传，这可能会堵塞服务器。

我正在研究的解决方案是：

• http://code.google.com/p/html5uploader/
• http://www.uploadify.com/
• http://aquantum-demo.appspot.com/file-upload

Answer 1

拖放功能仅适用于现代浏览器。如果你打算支持 IE，我不推荐这个功能。

你的需求很具体，你不会在网上找到这样的现成的。有一个很好的拖放教程，你可以在这里找到它

http://robertnyman.com/2010/12/16/utilizing-the-html5-file-api-to-choose-upload-preview-and-see-progress-for-multiple-files/