У меня есть пользовательский ввод файла:
<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?
});