Add giảm tập tin vào một tập tin đầu vào sử dụng jQuery

Question

Tôi có một đầu vào tập tin tùy chỉnh:

<div id="wrapper"> 
    <span id="fake-text-input"></span> 
    <button id="select-a-file"></button> 
    <input id="hidden-file-input" type="file" /> 
</div> 

Các input[type="file"] được ẩn (display: none) và chọn một tập tin được xử lý bằng cách lắng nghe \ kích hoạt các click và change sự kiện.

Tôi cũng muốn hỗ trợ thả tệp. Tôi đã có thể nghe sự kiện drop khi tệp bị xóa trên #fake-text-input nhưng tôi không biết cách chuyển tiếp sự kiện drop tới input[type="file"] .. thậm chí có thể không?

Tôi không quan tâm đến tập tin đầu vào thủ đoạn opacity :)

$('body').on('drop', '#wrapper', function(e) { 
    var file = e.originalEvent.dataTransfer.files[0]; 

    // I have the file.. now what? 
}); 

Answer 1

này được làm việc với tôi trong google chrome, vấn đề bây giờ với các trình duyệt khác

$("input[type='file']").prop("files", e.originalEvent.dataTransfer.files);