падение файла в 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 на вход файла.