javascript - téléchargement de plusieurs images HTML5
習慣沉默
習慣沉默 2017-05-16 13:02:56
0
3
542

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.

習慣沉默
習慣沉默

répondre à tous(3)
刘奇

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.

滿天的星座

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

阿神

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal