Добавить файл с удаленным файлом в файл, используя jQuery

У меня есть пользовательский ввод файла:

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

input[type="file"] скрыт (display: none), и выбор файла обрабатывается путем прослушивания\запуска событий click и change.

Я хочу также поддержать падение файла. Мне удалось прослушать событие drop, когда файл упал на #fake-text-input, но я не знаю, как перенаправить событие drop на input[type="file"].. это даже возможно?

Мне не интересны трюки непрозрачности входных файлов:)

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

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

Ответ 1

Это работает со мной в google chrome, теперь проблема с другими браузерами

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