¿Cómo dejar de subida de usuario múltiples imágenes sin necesidad de pre-definir el número de cuadro de entrada de carga HTML?

Question

Estoy buscando una manera de tener carga de usuario tantas imágenes como quieran (tal vez a través de arrastrar y soltar) o añadir dinámicamente más caja de carga.

pensé estáticamente la fijación de la caja de entrada (especificar 6) HTML carga está limitando ligeramente y el usuario tiene que hacer clic en el botón "Browse" (6 veces en este ejemplo) y navegar a la carpeta para recoger el archivo.

¿Cuál es la mejor práctica para lograr este modo que los usuarios les resulta fácil de usar? Tal vez con un poco de magia de AJAX?

También no le importaría tener el usuario haga clic en "Cargar más" para revelar (6 decir más) HTML carga cuadro de entrada. Se preguntaba si hay una manera mejor!

Gracias.

Answer 1

También puede que desee ver en algo así como Plupload

Answer 2

Ya hemos topado con la mejor respuesta -. Añadir dinámicamente más entradas de archivos a la página, ya que se necesitan

entradas de archivos HTML no le permitirá seleccionar más de un archivo a la vez. Tampoco se puede hacer "arrastrar y soltar" desde un explorador de archivos gráfico (si eso es lo que quería decir).

Sin embargo, se puede añadir (o revelar) más de ellos de forma dinámica. No es necesario "AJAX" para ello, basta con Javascript.

Si usted tiene su entrada original al igual que

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

Se puede añadir otro con un script como el siguiente:

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

Para hacer frente a los archivos en el servidor, tendrá que mirar Request.Files. Ellos serán listadas en la colección en el orden físico en el que se han añadido.