Téléchargement multi-images JavaScript: comment enregistrer toutes les adresses d'image au lieu d'enregistrer le dernier?

Questions sur le traitement du chemin de téléchargement d'image JavaScript

Lors du téléchargement de plusieurs images, c'est un problème courant pour enregistrer l'adresse de toutes les images au lieu d'enregistrer simplement l'adresse de la dernière image. Cet article expliquera comment modifier le code pour implémenter cette fonctionnalité pour l'extrait de code suivant.

L'extrait de code affiche une fonction de l'utilisation du plugin Webuploader pour implémenter plusieurs téléchargements d'images. uploader.on ('uploadsuccess', fonction (fichier, réponse) {...}); Ce code sera exécuté après le succès de chaque téléchargement d'image, mais le code d'origine est $ ("# info3"). Val (json.stringify (réponse.imgurl)); Cette ligne de code écrasera la valeur dans la zone d'entrée # info3 à chaque fois, ce qui entraînera la fin d'obtenir l'adresse de la dernière image.

Pour résoudre ce problème, nous pouvons créer un tableau pour stocker les adresses de toutes les images téléchargées et ajouter la nouvelle adresse au tableau une fois chaque téléchargement réussi. Enfin, toutes les adresses du tableau sont connectées sous un format et affectées à la zone d'entrée # info3.

Le code modifié est le suivant:

 var imgurls = [];

uploader.on ('uploadsuccess', fonction (fichier, réponse) {
    $ ("# IMGS_URL"). APPEND (JSON.STRINFIFY (Response.imgurl) "<br>");

    imgurls.push (json.stringify (réponse.imgurl));

    $ ("# info3"). val (imgurls.join (','));
});

Ce code définit d'abord un tableau vide Imgurls. Une fois chaque téléchargement réussi, il ajoutera l'adresse d'image renvoyée JSON.Strification (réponse.imgurl) au tableau IMGurls. Enfin, il utilise la méthode join (',') pour concaténer toutes les adresses dans le tableau avec des virgules et des espaces, et attribue le résultat à la boîte d'entrée # info3. De cette façon, la boîte d'entrée # info3 contient les adresses de toutes les images téléchargées. $ ("# IMGS_URL"). APPEND (JSON.STRINFIFY (Response.imgurl) "
"); Cette ligne de code reste inchangée et continue d'afficher toutes les adresses d'image sur la page. De cette façon, vous pouvez obtenir correctement les adresses de toutes les images téléchargées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!