WebuLader-Multi-Bild-Upload: Wie erhalte ich alle Bildpfade und speichern sie im Eingabefeld?

Multi-Bild-Webuloader hochladen: Speichern Sie alle Bildpfade vollständig

Verwenden Sie beim Hochladen mehrerer Bilder mit dem Web -Uploader, wenn Sie alle Bildpfade in einem Eingangsfeld speichern müssen, $("#info3").val(JSON.stringify(response.imgurl)); Direkt, um den Pfad des letzten Bildes zu speichern, da jeder Upload den vorherigen Pfad überschreibt. Dieser Artikel enthält Lösungen, um sicherzustellen, dass alle Bildwege intakt gespeichert werden.

Das Problem ist, dass der ursprüngliche Code jedes Mal, wenn er erfolgreich hochgeladen wird, den Wert des Eingangsfelds überschreibt. Die Lösung besteht darin, ein Array zu erstellen, den Bildpfad hinzuzufügen, der erfolgreich in das Array hochgeladen wird, und schreiben schließlich den Inhalt des Arrays in das Eingabefeld.

Verbesserter Code:

 var imgurls = [];

Uploader.on ('Uploadsuccess', Funktion (Datei, Antwort) {
    // Zeigen Sie den Bildpfad in #imgs_url (optional)
    $ ("#imgs_url"). append (json.stringify (response.imgurl) "<br> ");

    // Fügen Sie den Bildpfad zum Imgurls -Array imgurls.push (response.imgurl) hinzu; // Drücken Sie den Pfad direkt ohne JSON.Stringify

    // den Array-Inhalt mit einem Komma-Separator in eine Zeichenfolge verkettet und dem Eingabefeld $ ("#info3"). Val (imgurls.join (',')); 
});

Dieser Code definiert zunächst ein leeres Array imgUrls . Drücken Sie im uploadSuccess -Ereignis response.imgurl direkt in das Array (keine Nötiges für JSON.stringify erneut, da die join -Methode automatisch behandelt wird). Verwenden Sie schließlich die Verbindung zwischen join(',') um die Array -Elemente in eine Zeichenfolge mit Kommas zu verkettet und diese Zeichenfolge dem Eingabefeld #info3 zuzuweisen. Auf diese Weise enthält das #info3 -Eingangsfeld die Pfade zu allen hochgeladenen Bildern.

Durch diese Methode wird der Pfad des Bildes erfolgreich in das Array hinzugefügt, wodurch das Überschreiben vermieden wird, wodurch die Pfadinformationen aller hochgeladenen Bilder vollständig gespeichert werden. Der optionale Teil $("#imgs_url").append(...) wird verwendet, um den hochgeladenen Bildpfad auf der Seite zum einfachen Anzeigen durch Benutzer anzuzeigen.

Das obige ist der detaillierte Inhalt vonWebuLader-Multi-Bild-Upload: Wie erhalte ich alle Bildpfade und speichern sie im Eingabefeld?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!