在div中删除文件并将其放入文件输入中

Question

我在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上传文件，如果你有任何其他好的方法告诉我

Answer 1

我将通过将文件输入设置为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侦听器。