Как разрешить пользователю загружать несколько изображений без предварительного определения количества полей ввода для загрузки HTML?

Question

Я ищу способ, позволяющий пользователю загружать столько изображений, сколько они хотят (возможно, с помощью перетаскивания) или динамически добавлять дополнительные поля загрузки.

Я думал, что статически исправляется (скажем, 6) загрузка HTMLполе ввода слегка ограничено, и пользователь должен нажать кнопку «Обзор» (в этом примере 6 раз) и перейти к папке, чтобы выбрать файл.

Как лучше всего добиться этого, чтобы пользователи нашли еголегко использовать?Возможно, с какой-то магией AJAX?

Я также не против, чтобы пользователь нажал «Загрузить еще», чтобы открыть (скажем, еще 6) поле ввода загрузки HTML.Было интересно, есть ли лучший способ!

Спасибо.

Answer 1

Вы также можете посмотреть на что-то вроде Plupload

Answer 2

Вы уже нашли лучший ответ - динамически добавляйте больше файловых вводов на страницу по мере необходимости.

Ввод HTML-файлов не позволит вам выбрать более одного файла за раз.Вы также не можете выполнять «перетаскивание» из графического файлового браузера (если это то, что вы имели в виду).

Но вы можете добавлять (или раскрывать) другие из них динамически.Вам не нужен «AJAX» для этого, просто Javascript.

Если у вас есть исходный ввод, такой как

<div id="container">
    <input type="file"/>
</div>

Вы можете добавить еще один с помощью скрипта, подобного этому:

var container = document.getElementById("container");
var newFile = document.createElement("input");
newFile.type = "file";
container.appendChild( newFile );

Чтобы разобраться с файлами на сервере, вам нужно взглянуть на Request.Files.Они будут перечислены в коллекции в том порядке, в котором они были добавлены.