Как разрешить пользователю загружать несколько изображений без предварительного определения количества полей ввода 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. Они будут перечислены в коллекции в физическом порядке, в который они были добавлены.