Laden Sie ein Base64-kodiertes Bild mit FormData?

Question

Ich habe ein JPEG als Base64-codierte Zeichenfolge.

var image = "/9j/4AAQSkZJRgABAQEAS..." 

Ich möchte diese JPEG auf den Server mit FormData hochladen.

var data = new FormData(); 

Was ist der richtige Weg, um das Bild an Daten anzuhängen?

Answer 1

Ihre Bilddaten ist nichts anderes als eine Zeichenfolge, so hängen Sie ihn Objekt in den Formdata wie folgt aus:

data.append("image_data", image); 

Dann auf Ihrem Server-Seite Sie, dass direkt in einer Datenbank gespeichert werden können oder es in ein Bild umwandeln und speichern Sie es im Dateisystem. Sie könnten this post hilfreich finden.

Answer 2

Ich fand diesen Beitrag (Convert Data URI to File then append to FormData) sehr hilfreich. Wenn Ihre Datei bereits als base64-codierte Zeichenfolge dargestellt wird, müssen Sie zuerst eine BLOB-Repräsentation erstellen und dann , dann, Sie können FormData append verwenden.