html - 使用 HTML5 File API 设置带有文件的输入文件元素

Question

我正在使用输入文件元素在我的 JSP 页面中上传文件。用户可以通过单击一个按钮来上传文件，该按钮使用浏览器的浏览按钮打开一个表单

现在，我想使用 HTML5 的拖放功能上传文件(如@ html5 rocks page 所述)。我可以使用 File API 提取文件名。有没有一种方法可以使用文件 API 将输入文件元素加载到已删除的文件中？ (这样我就可以使用相同的行为来上传文件)

Answer 1

无法设置 <input type=file> 的值直接在JS中。那个 Action 需要用户干预(并单击文件选择器)。但是，您可以使用 xhr.send(FormData)或 xhr.send(File)发送文件。在这里查看我的回复:

HTML5 File API readAsBinaryString reads files as much larger, different than files on disk

在您的放置处理程序中，只需传递 FileList从evt.dataTransfer.files获得那个uploadFiles() helper 。