В Javascript есть изображение в виде данных URI. Как загрузить это изображение через форму multipart / form-data?

Question

Мой сценарий JavaScript содержит изображение в виде данных URI, например:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==

У меня есть форма multipart / form-data, в которой есть элемент <input type="file" />. Я хочу использовать этот элемент <input type="file" /> для отправки моего изображения (того, которое у меня есть в качестве URI данных) на сервер.

У меня нет контроля над сервером.

Есть ли способ достичь этого? Каким образом я могу обмануть браузер, чтобы отправить свое изображение на сервер?

Answer 1

Нет способа установить значение <input type="file"> программно.

Однако вы можете заменить реальную отправку формы на AJAX.Используя AJAX, вы получаете больше гибкости в отношении того, что отправляется на сервер.

См. Этот вопрос: HTML5 File API readAsBinaryString считывает файлы намного большего размера, отличные от файлов на диске .