Загрузите кодированное изображение base64 с помощью FormData?

Question

У меня есть jpeg как base64 закодированная строка.

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

Я хочу загрузить этот jpeg на сервер, используя FormData.

var data = new FormData(); 

Каков правильный способ добавления изображения к данным?

Answer 1

Ваши данные изображения не более чем строка, так добавить их к FormData объекта, как это:

data.append("image_data", image); 

Тогда на вашей стороне сервера вы можете хранить, что непосредственно в базе данных или преобразовать его в изображение и сохраните его в файловой системе. Вы можете найти this post полезным.

Answer 2

Я нашел этот пост (Convert Data URI to File then append to FormData), чтобы быть весьма полезным. Если ваш файл уже представлен как закодированная base64 строка, вам сначала нужно создать представление blob из этого и , затем вы можете использовать приложение FormData.