Html 将文件放入div并放入文件输入

我对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;
});

这段代码在GoogleChrome上运行得很好，但在其他浏览器上却不可能

---

*这一切的基础是在不使用ajax的情况下使用拖放上传文件，如果您有任何其他好方法，请告诉我，我将通过将文件输入设置为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侦听器

谢谢，我认为这是最后一个解决方案，但它不适用于OPERA/SAFARI/IET。这是一个问题，但它帮助我实现了上传文件的放置区域。谢谢