javascript - téléchargement de plusieurs images HTML5

Question

C'est ainsi que j'ai téléchargé une démo, qui téléchargeait plusieurs images dans jquery. Mais je ne comprends pas son idée de mise en œuvre.

L'essentiel est de savoir comment il télécharge des images sur la page . Cliquez ensuite pour commencer le téléchargement et comment réaliser un téléchargement unifié. Pourriez-vous s'il vous plaît m'aider à comprendre l'idée.

Le lien vers la démonstration en ligne de cette démo est http://www.jq22.com/yanshi1604.

Answer 1

Je pense que oui :

1. La balise d'entrée de l'attribut de fichier peut sélectionner des fichiers.

2. Après avoir sélectionné un fichier, accédez à l'objet FileList via l'attribut files d'entrée, qui contient des informations telles que l'heure de la dernière modification du fichier, le nom du fichier, la taille du fichier et le type de fichier. Ici, vous pouvez limiter la taille des fichiers transférés. Dans la démo ci-dessus, la comparaison des noms de fichiers doit être utilisée pour empêcher le téléchargement du même fichier.

3. Utilisez la méthode readAsDataURL() de l'objet FileReader pour obtenir l'encodage base64 correspondant à l'image, puis créez un élément img dans la boîte avec la valeur de l'attribut src comme base64, réalisant ainsi la fonction de prévisualisation de l'image.

4. Cliquez sur le bouton de téléchargement et téléchargez en arrière-plan via AJAX.

Pour un résumé plus complet, vous pouvez lire cet article. Pour un résumé légèrement plus simple, vous pouvez voir les notes que j'ai résumées.

Answer 2

Si vous avez plusieurs images, placez simplement les éléments dans le tableau et transmettez-les ensemble

Answer 3

Mettez-le simplement dans le tableau et transmettez-le ensemble à l'aide d'un fichier