jquery - HTML5 拖放文件上传，页面上有多个目标放置区域

Question

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

示例

Five different folders on a web page and the user can simply drag files and drop in target folder to upload it to that folder.

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

我正在寻找的解决方案是:

• 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/