Załaduj kodowany obraz base64 za pomocą FormData?

Question

Mam jpeg jako łańcuch kodowany base64.

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

Chciałbym przesłać jpeg na serwer przy użyciu FormData.

var data = new FormData(); 

Jaki jest właściwy sposób dołączania obrazu do danych?

Answer 1

Twoje dane obrazu nie jest niczym więcej niż ciągiem, więc dołączyć go do swoich FormData obiekt tak:

data.append("image_data", image); 

Następnie na swojej stronie serwera można przechowywać bezpośrednio w bazie danych lub przekonwertować go na obrazie i zapisz go w systemie plików. Pomocna może być pomoc this post.

Answer 2

Znalazłem ten post (Convert Data URI to File then append to FormData), aby był bardzo pomocny. Jeśli twój plik jest już reprezentowany jako łańcuch zakodowany w base64, musisz najpierw utworzyć reprezentację typu blob, a następnie , a następnie użyć wtyczki FormData.