Перетащите файл в dropzone (HTML5) - чтобы заполнить поле ввода скрытого файла - PullRequest
0 голосов
/ 14 сентября 2011

Я обнаружил множество плагинов jQuery, которые позволяют пользователю перетаскивать файл в «зону сброса» и добавлять файл в очередь загрузки или сразу же загружать его.

Однако я бы хотелразрешить моим пользователям перетаскивать изображение в рабочую зону и заполнить его <input type="file">.

. Это уже существует?Если нет, как бы я его создал?

Большое спасибо,

Andy

1 Ответ

2 голосов
/ 06 июня 2012

HTML5 поле для перетаскивания файла

Вот что получилось, я установил поле загрузки vanilla на opacity: 0 и поместил его под мышью, когда мышь находится надвидимый dropZone div с помощью события dragover.

dragover устраняет проблему с тем, что окно браузера не в фокусе, и предоставляет .pageX и .pageY, которые я затем связал с полем .top невидимого файла.и .left.

...