Как обратно перекодировать base64 из filereader в обычный img?

Question

[LInK]

Как обратно перекодировать base64 из filereader в обычный img? для отправки на сервер через форму.Или лучше передать картинку в base64 через ajax на сервер и там все сделать(скорость!)?

Answer 1

[Виталий Архипов]

Откуда взялся base64? Filereader считывает файл в ArrayBuffer.
Вот пример загрузки файла
https://developer.mozilla.org/ru/docs/Web/API/File...

Чтобы получить из base64 исходное значение воспользуйтесь функцией atob.

В старых, браузерах ее нет, но там нет и поддержки FileReader и ArrayBuffer.

Comments

[LInK]

Стоит ли использовать эти функции ?В плане поддержки

[LInK]

я попробывал вставить в функцию atob мне вернуло .The string to be decoded is not correctly encoded.
at FileReader.

[Виталий Архипов]

LInK, покажите весь код

[LInK]

Виталий Архипов, https://jsfiddle.net/s205ukyv/

[Виталий Архипов]

https://developer.mozilla.org/en-US/docs/Web/API/F...

[Виталий Архипов]

readAsDataURL добавляет в содержимое

data:*/*;base64,

. Поэтому перед вызовом atob удалите его из result.
atob(result.substr( "data:*/*;base64,".length ));

[LInK]

Виталий Архипов, Извини с подобными вопросами ну что мне вернется после этой функции ,я смогу отправить ее как файл на сервер?

[LInK]

я просто делаю превью из выбранных картинок потом даю их удалить если не подходят ,и оставшие нужно собрать опять в виде inputfile и отправить на сервер а там уже сохранить.

[Виталий Архипов]

LInK, да

[LInK]

Виталий Архипов, я через formData.apend добавляю полученную строку из atob ну на сервер нечего не приходит

[Виталий Архипов]

LInK, Ну значит дело уже в самой отправке, а не в кодировке