追加は、私はカスタムファイルの入力を持ってjQueryの

Question

を使用してファイルの入力にファイルをドロップ

ファイルドロップもサポートしたいと思います。ファイルを#fake-text-inputにドロップしたときにdropイベントを聞くことができましたが、dropイベントをinput[type="file"]に転送する方法がわかりません。それは可能ですか？

私はファイル入力不透明度のトリックに興味を持っていないよ:)これは、Googleのクロムに私と一緒に働いている

$('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);