使用javascript/jquery从表单获取文件内容

使用javascript/jquery从表单获取文件内容,javascript,jquery,forms,file,onsubmit,Javascript,Jquery,Forms,File,Onsubmit,我目前有一个图像拖放系统,你可以将一个文件拖到一个div中,它可以用 $('#drop-zone').bind('drop', drop); function drop(e) { e.dataTransfer = e.originalEvent.dataTransfer; var files = e.dataTransfer.files; //... 我可以把它放到一个数组中,现在因为拖放是不完全兼容的(例如移动设备不能拖放)。我希望一个html输入字段能够将一个对象添

我目前有一个图像拖放系统,你可以将一个文件拖到一个div中,它可以用

$('#drop-zone').bind('drop', drop);
function drop(e) {
    e.dataTransfer = e.originalEvent.dataTransfer;
    var files = e.dataTransfer.files;
    //...
我可以把它放到一个数组中,现在因为拖放是不完全兼容的(例如移动设备不能拖放)。我希望一个html输入字段能够将一个对象添加到同一个数组中,我在演示中看到了它,但不知道如何做

所以表格是这样的

<input  type="file" multiple="multiple" id="form-upload-field" />
但我不知道如何从中获取“dataTransfer”属性。

我自己找到的:

$('#files').bind("change", handleFileSelect);
function handleFileSelect(evt) {
    var files = evt.target.files;
}
$('#files').bind("change", handleFileSelect);
function handleFileSelect(evt) {
    var files = evt.target.files;
}