У меня есть элемент <article>
в моем веб-приложении, который заполняется контентом с помощью кода Javascript. Я хотел бы добавить возможность перетаскивания файлов по видимой в данный момент части этого элемента <article>
(поскольку у него есть полоса прокрутки) и передать эти файлы на S3.
Я тестировал Fine-uploader с предоставленным файлом test.html
. Моя подпись кода на стороне сервера работает, и я получаю файлы в свои корзины S3.
Мой вопрос связан с пользовательским интерфейсом: как мне добавить возможность перетаскивания файлов поверх <article>
и отображать пользовательский интерфейс только тогда, когда файл был удален, чтобы подтвердить загрузку, не перемещая весь мой HTML-код в шаблон тонкого загрузчика? Я попытался добавить <div>
над страницей, но это, очевидно, помешало мне выделить текст в элементе <article>
, расположенном ниже…
Я чувствую, что упускаю что-то очевидное. По сути, мой вопрос похож на решение dropzone.js здесь: https://github.com/enyo/dropzone/wiki/Make-the-whole-body-a-dropzone