html - 将文件放入 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 监听器。