Comment permettre à l'utilisateur de télécharger plusieurs images sans pré-définir le nombre de boîte de saisie de téléchargement HTML?

Question

Je suis à la recherche d'un moyen pour que l'utilisateur télécharge autant d'images qu'il le souhaite (peut-être par glisser-déposer) ou en ajoutant dynamiquement plus de zones de téléchargement. Je pensais que la boîte de saisie de téléchargement HTML fixe (disons 6) est légèrement restrictive et que l'utilisateur doit cliquer sur le bouton "Parcourir" (6 fois dans cet exemple) et naviguer dans le dossier pour choisir le fichier.

Quelle est la meilleure pratique pour atteindre cet objectif afin que les utilisateurs trouvent facile à utiliser? Peut-être avec de la magie AJAX?

Je ne voudrais pas non plus que l'utilisateur clique sur "Upload more" pour révéler (disons 6 plus) la zone de saisie de téléchargement HTML. Je me demandais s'il y avait un meilleur moyen!

Merci.

Answer 1

Vous pouvez également regarder quelque chose comme Plupload

Answer 2

Vous avez déjà atteint la meilleure réponse — ajouter dynamiquement plus d'entrées de fichiers à la page comme ils sont nécessaires.

Les entrées de fichier HTML ne vous permettent pas de sélectionner plus d'un fichier à la fois. Vous ne pouvez pas non plus faire "glisser et déposer" à partir d'un navigateur de fichiers graphique (si c'est ce que vous vouliez dire).

Mais vous pouvez ajouter (ou révéler) plus d'entre eux dynamiquement. Vous n'avez pas besoin de "AJAX" pour le faire, juste du Javascript.

Si vous avez votre entrée d'origine comme si

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

Vous pouvez ajouter un autre avec un script comme celui-ci:

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

Pour traiter les fichiers sur le serveur, vous aurez besoin pour regarder Request.Files. Ils seront listés dans la collection dans l'ordre physique dans lequel ils ont été ajoutés.