添加下降文件來使用jQuery

Question

我有一個自定義的文件輸入一個文件輸入：

<div id="wrapper"> 
    <span id="fake-text-input"></span> 
    <button id="select-a-file"></button> 
    <input id="hidden-file-input" type="file" /> 
</div> 

的input[type="file"]是隱藏的（display: none），並選擇一個文件被監聽\觸發click和change事件處理。

我也想支持文件放置。當一個文件被丟棄在#fake-text-input上時，我能夠聽到drop事件，但我不知道如何將drop事件轉發到input[type="file"] ..這甚至有可能嗎？

我沒有興趣在文件輸入不透明度技巧:)

$('body').on('drop', '#wrapper', function(e) { 
    var file = e.originalEvent.dataTransfer.files[0]; 

    // I have the file.. now what? 
}); 

Answer 1

這是我在谷歌瀏覽器的工作，現在的問題與其他瀏覽器

$("input[type='file']").prop("files", e.originalEvent.dataTransfer.files);