Как вставить файл в input?

Question

[Александр]

Вопрос:
Есть код, который конвертит из base64 в блоб и питается сунуть его в инпут, чтобы потом отправить:

reader.onloadend = function() {
     $('#upload').val(DataURIToBlob(reader.result));
     $('#form_avatar').submit();
}

#upload - input type="file". Получаю ошибку:

Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

Что я делаю не так?(

Comments

[zkrvndm]

https://qna.habr.com/q/885545

Answer 1

[Alexandroppolus]

А что за "reader"? Ты читаешь блоб через FileReader?
Всё это не нужно, просто отправляй через FormData

Comments

[Александр]

Да, читает FileReader.
Мне не нужно XMLHttpRequest, мне нужно в форму запихнуть :(

[Alexandroppolus]

Александр, тебе в итоге надо отправить форму с файлом. Используй FormData, запихни туда файл, отправь. Сабмит формы - это отправка формы, плюс переход на новую страницу. Это всегда можно сделать через XMLHttpRequest/fetch, и будет намного удобнее для пользователя.

воткнуть файл или блоб в < input type=file > не получится.

[Александр]

Alexandroppolus, пробую, в реквесте пусто... Что я делаю не так?(

formData = new FormData(document.forms.form_avatar);
formData.append('avatar', blob);

$('form[name="form_avatar"]').append(formData).submit();