JavaScript-Multi-Image-Upload: Wie speichern Sie alle Bildadressen, anstatt nur das letzte zu speichern?

Fragen zur JavaScript -Bild -Upload -Pfadverarbeitung

Beim Hochladen mehrerer Bilder ist es ein häufiges Problem, die Adresse aller Bilder zu speichern, anstatt nur die Adresse des letzten Bildes zu speichern. In diesem Artikel wird erläutert, wie der Code geändert wird, um diese Funktionalität für den folgenden Code -Snippet zu implementieren.

Das Code -Snippet zeigt eine Funktion zur Verwendung des WebuLader -Plugins zum Implementieren mehrerer Bild -Uploads. Uploader.on ('UploadSuccess', Funktion (Datei, Antwort) {...}); Dieser Code wird ausgeführt, nachdem jedes Bild -Upload erfolgreich ist, aber der ursprüngliche Code ist $ ("#info3"). Val (json.Stringify (response.imgurl)); Diese Codezeile überschreibt den Wert jedes Mal im #info3 -Eingabefeld, was dazu führt, dass das Ende die Adresse des letzten Bildes erhalten kann.

Um dieses Problem zu lösen, können wir ein Array erstellen, um die Adressen aller hochgeladenen Bilder zu speichern und die neue Adresse dem Array hinzuzufügen, nachdem jedes Upload erfolgreich ist. Schließlich sind alle Adressen im Array in einem Format verbunden und dem Eingabefeld #info3 zugeordnet.

Der geänderte Code lautet wie folgt:

 var imgurls = [];

Uploader.on ('Uploadsuccess', Funktion (Datei, Antwort) {
    $ ("#imgs_url"). append (json.stringify (response.imgurl) "<br>");

    imgurls.push (json.stringify (response.imgurl));

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

Dieser Code definiert zunächst ein leeres Array imgurls. Nachdem jeder Upload erfolgreich ist, wird die zurückgegebene Bildadresse JSON.Stringify (response.imgurl) zum Imgurls -Array hinzugefügt. Schließlich verwendet es die Join (',') -Methode, um alle Adressen im Array mit Kommas und Leerzeichen zu verkettet, und weist das Ergebnis dem Eingabefeld #info3 zu. Auf diese Weise enthält das #Info3 -Eingangsfeld die Adressen aller hochgeladenen Bilder. $ ("#imgs_url"). append (json.stringify (response.imgurl) "
"); Diese Codezeile bleibt unverändert und zeigt weiterhin alle Bildadressen auf der Seite an. Auf diese Weise können Sie die Adressen aller hochgeladenen Bilder korrekt erhalten.

Das obige ist der detaillierte Inhalt vonJavaScript-Multi-Image-Upload: Wie speichern Sie alle Bildadressen, anstatt nur das letzte zu speichern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!