獲取文件內容

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; 
}