JQuery Dropzone Clickable blueimp

Question

Я использовал эффект Dropzone, я сделал все правильно, на мой вопрос, вместо того, чтобы иметь кнопку Добавить файлы, я хотел бы сделать Dropzone область кликабельным (The Div)

Э.Г.

<div id="dropzone"></div> 

Я хочу сделать так, чтобы его можно было щелкнуть, поэтому я попробовал.

<div id="dropzone><input type='file' name='files' multiple> 

Однако это показывает уродливое поле браузера над моим div. Есть ли способ удалить это и просто сделать div нажав, чтобы показать диалог выбора файлов?

Answer 1

В HTML

<div id="dropzone><input type='file' style="display:none" name='files' multiple></div> 

В JS

$(document).ready(function(){ 

$("#dropzone").on("click",function(){// here when click on dropzone div 
$("#dropzone input[type='file']").trigger('click');// then trigger input type=file change event 
}); 


});