获取文件内容

Question

我目前有在那里你拖动文件到一个div图像拖放系统，并与

$('#drop-zone').bind('drop', drop); 
function drop(e) { 
    e.dataTransfer = e.originalEvent.dataTransfer; 
    var files = e.dataTransfer.files; 
    //... 

获取文件内容，我可以把它变成一个数组，现在因为拖放不完全兼容（例如移动设备不能拖放）我想要一个html输入字段能够添加一个对象到同一个数组，我已经在demo中看到它，但是couldn不知道该怎么做。

这样的形式是这样的

<input type="file" multiple="multiple" id="form-upload-field" /> 

而且目前我测试如何捕捉到文件

$('#form-upload-field').bind("change", function(){ 
    $(this).submit(); 
}); 
$('#form-upload-field').submit(function(e){ 
    //alert(...); 
    //doesnt have to be a change/sumbit method but this is what i have now. 
}); 

但我不知道我怎么能拿到“数据传递”属性由此。

Answer 1

发现它自己：

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