interface Web
tutoriel HTML
Webuploader Multi-picture upload: comment obtenir tous les chemins d'image et les enregistrer dans la zone d'entrée?
Webuploader Multi-picture upload: comment obtenir tous les chemins d'image et les enregistrer dans la zone d'entrée?
Apr 04, 2025 pm 10:18 PM
Téléchargement multi-picture de Webuploader: Enregistrez tous les chemins d'image entier
Lors du téléchargement de plusieurs images à l'aide du téléchargeur Web, si vous devez enregistrer tous les chemins d'image dans une zone d'entrée, utilisez $("#info3").val(JSON.stringify(response.imgurl)); directement pour enregistrer le chemin de la dernière image, car chaque téléchargement écrasera le chemin précédent. Cet article fournit des solutions pour s'assurer que tous les chemins d'image sont enregistrés intacts.
La racine du problème est que le code d'origine écrase la valeur de la zone d'entrée à chaque fois qu'il est téléchargé avec succès. La solution consiste à créer un tableau, à ajouter le chemin d'image qui est téléchargé avec succès sur le tableau et enfin à écrire le contenu du tableau dans la zone d'entrée.
Code amélioré:
var imgurls = [];
uploader.on ('uploadsuccess', fonction (fichier, réponse) {
// montre le chemin d'image dans #imgs_url (facultatif)
$ ("# IMGS_URL"). APPEND (JSON.STRINFIFY (Response.imgurl) "<br> ");
// Ajouter le chemin d'image au tableau IMGurls imgurls.push (réponse.imgurl); // pousse le chemin directement sans json.stringify à nouveau
// Concaténer le contenu du tableau en une cha?ne avec un comma-separator et attribuer à la bo?te d'entrée $ ("# info3"). Val (imgurls.join (','));
});
Ce code définit d'abord un tableau vide imgUrls . Dans JSON.stringify événement Téléchargement join uploadSuccess , poussez directement response.imgurl Enfin, utilisez la méthode join(',') pour concaténer les éléments du tableau dans une cha?ne avec des virgules et attribuer cette cha?ne à la zone d'entrée #info3 . De cette fa?on, la bo?te d'entrée #info3 contient les chemins vers toutes les images téléchargées.
Grace à cette méthode, le chemin de l'image téléchargé avec succès est ajouté au tableau, évitant l'écrasement, enregistrant ainsi les informations de chemin de toutes les images téléchargées en entier. La pièce $("#imgs_url").append(...) est utilisée pour afficher le chemin d'image téléchargé sur la page pour une visualisation facile par les utilisateurs.
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!
Article chaud
Outils chauds
Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Que faire si le cache Redis échoue dans Spring Boot?
Apr 19, 2025 pm 08:03 PM
Dans Springboot, utilisez Redis pour mettre en cache l'objet OAuth2Authorisation. Dans l'application Springboot, utilisez SpringSecurityoAuth2AuthorizationsServer ...
étapes pour ajouter et supprimer les champs aux tables MySQL
Apr 29, 2025 pm 04:15 PM
Dans MySQL, ajoutez des champs en utilisant alterTableTable_namEaddColumnNew_Columnvarchar (255) AfterExist_Column, supprimez les champs en utilisant alterTableTable_NamedRopColumnColumn_to_drop. Lorsque vous ajoutez des champs, vous devez spécifier un emplacement pour optimiser les performances de la requête et la structure des données; Avant de supprimer les champs, vous devez confirmer que l'opération est irréversible; La modification de la structure de la table à l'aide du DDL en ligne, des données de sauvegarde, de l'environnement de test et des périodes de faible charge est l'optimisation des performances et les meilleures pratiques.
Comment analyser le jeton JWT généré par Auth en Java et y obtenir des informations?
Apr 19, 2025 pm 08:21 PM
Dans le traitement de Next-Auth généré JWT ...
Analyse approfondie de Gitstatus de l'état du référentiel de visualisation
May 22, 2025 pm 10:54 PM
La commande gitstatus est utilisée pour afficher l'état du répertoire de travail et de la zone de stockage temporaire. 1. Il vérifiera la succursale actuelle, 2. Comparera le répertoire de travail et la zone de stockage temporaire, 3. Comparez la zone de stockage temporaire et le dernier engagement, 4. Vérifiez les fichiers non tracés pour aider les développeurs à comprendre l'état de l'entrep?t et à vous assurer qu'il n'y a pas d'omissions avant de s'engager.
étapes détaillées pour déployer un site Web Joomla sur phpstudy
May 16, 2025 pm 08:00 PM
Les étapes pour déployer un site Web Joomla sur PHPStudy incluent: 1) Configurer PHPStudy, s'assurer que les services Apache et MySQL s'exécutent et vérifient la compatibilité de la version PHP; 2) Télécharger et décompresser le site Web de PHPStudy du site officiel de Joomla au répertoire racine de PHPStudy, puis compléter l'installation via le navigateur selon l'assistant d'installation; 3) Faire des configurations de base, telles que la définition du nom du site Web et l'ajout de contenu.
Comment emballer dans IntelliJ Idea pour des versions GIT spécifiques pour éviter d'inclure un code inachevé?
Apr 19, 2025 pm 08:18 PM
Dans Intellij ...
Comment restaurer les étapes des détails du système Win8
May 07, 2025 pm 05:00 PM
Les étapes pour démarrer la restauration du système dans Windows 8 sont: 1. Appuyez sur la touche Windows X pour ouvrir le menu de raccourci; 2. Sélectionnez "Panneau de configuration", entrez "Système et sécurité" et cliquez sur "Système"; 3. Sélectionnez "Protection du système" et cliquez sur "Système Restaurer"; 4. Entrez le mot de passe de l'administrateur et sélectionnez le point de restauration. Lors de la sélection du point de restauration approprié, il est recommandé de sélectionner le point de restauration avant que le problème ne se produise, ou n'oubliez pas une date spécifique lorsque le système fonctionne bien. Pendant le processus de restauration du système, si vous rencontrez "la restauration du système ne peut pas être terminée", vous pouvez essayer un autre point de restauration ou utiliser la commande "SFC / Scanow" pour réparer les fichiers système. Après la restauration, vous devez vérifier l'état du fonctionnement du système, réinstaller ou configurer le logiciel, et reconditionner les données et créer de nouveaux points de restauration régulièrement.
Binance Site Web Officielle La dernière adresse directe entrez directement
May 20, 2025 pm 05:36 PM
Visiter la dernière adresse au site officiel de Binance peut être obtenue via la requête du moteur de recherche et suivre les médias sociaux officiels. 1) Utilisez le moteur de recherche pour saisir "Binance Site Web Official" ou "Binance" et sélectionnez un lien avec le logo officiel; 2) Suivez Twitter, Telegram et d'autres comptes officiels de Binance pour afficher les derniers articles pour obtenir la dernière adresse.
