1

div にドロップされたファイルに問題がある ファイル入力に入れたい

私はこのコードを持っています

document.getElementById('drop_div').addEventListener('drop', function(e){
    e.preventDefault();
    var files = e.target.files || (e.dataTransfer && e.dataTransfer.files);
    document.getElementById('file_input').files = files;
});

このコードは「Google Chrome」で完全に機能しますが、他のブラウザではうまくいきません

*これらすべての基本は、ajax を使用せずにドラッグ アンド ドロップを使用してファイルをアップロードすることです。他に良い方法があれば教えてください

4

1 に答える 1

0

ファイル入力を不透明度0に設定して実装します。

<div style='position: relative' id='drop_div'>
    <input type='file' style='position: absolute; opacity: 0; filter: alpha(opacity = 0);'/>
    <span style='position: absolute'>Drop Here</span>
</div>

次に、ファイル入力に onchange リスナーを追加します。

于 2013-03-28T04:30:02.967 に答える