拖放:使用常规表单拖放提交文件?

时间:2011-06-25 01:22:27

标签: javascript forms html5 drag-and-drop

我有一个上传文件(帖子)的表单,带有几个<input type='file'/>标签,我希望用户能够将文件拖放到网页上,例如从桌面上拖放。当他们这样做时,文件应作为文件输入标签添加到表单

将它们放在页面上的位置无关紧要(我已经在页面上处理此丢弃事件)

当我有拖动文件的File对象时,如何将其作为<input type='file'/>添加到表单中?或者,是否有另一种方法将其添加到表单中,以便在提交表单时将其发送,就像使用文件输入本身选择它一样?

由于

2 个答案:

答案 0 :(得分:0)

你可以试试Uploadify&gt; http://www.uploadify.com/documentation/

它有一个可以用javascript调用的API。

答案 1 :(得分:0)

HTML5兄弟! GMail使用HTML5,但您也有JS解决方案。按照这个主题。 Drag-and-drop file upload in Google Chrome/Chromium and Safari?