Возможно ли записать значение в input file?

Question

[imko]

При условии что файл уже находится в памяти и не требуется брать его из файловой системы устройства. Обычный input.value = файл не работает конечно же

Comments

[iBird Rose]

скажи зачем тебе это нужно. ибо ты что-то делаешь не правильно

[imko]

iBird Rose, чтобы интегрировать дроп файлов в форму и не обрабатывать отдельно его, добавляя в тело запроса при отправке. Как правильно?)

[Владимир Коротенко]

imko, что то не совсем понял вы хотите типа аплоада до создания записи? Типа редактирования статьи и подгрузки изображений?

[imko]

Владимир Коротенко, нет, хочу просто элемент дропа файлов который можно было бы положить в любую форму. Со скрытым input в который бы дропнутые файлы записывались, чтобы форма могла быть отправлена как есть. Чтобы не приходилось отдельно искать дропы и дописывать их в тело запроса в виде FormData или чего бы то ни было еще

[Владимир Коротенко]

imko, увы и ах ваши хотелки можно направить комитету по браузерам . Но сейчас только кодом

Answer 1

[Сергей delphinpro]

Нет. Свойство files ридонли

UPD/

Но отправить файл можно

image = '........'; // содержимое файла...
blob = new Blob([image], { type: "image/png"});
fd = new FormData();
fd.append("image", blob);
request = new XMLHttpRequest();
request.open("POST", "адрес отправки");
request.send(fd);

Comments

[imko]

да отправить то без проблем, я хотел записывать дропнутые файлы в инпут чтобы при отправке достаточно было просто собрать формдату с формы и все

[Сергей delphinpro]

imko, ну складывайте сразу их в формдату.

[Владимир Коротенко]

imko, если удалить то это просто массив удаляйте на здоровье

[imko]

Владимир Коротенко, что удалить?0_о

[Владимир Коротенко]

imko, после события change у инпута есть files вот в нем вы и можете удалять то что не нужно. Визуально выглядит так у вас поле чипсов и клик по крестику удаляет не нужный файл

[imko]

Владимир Коротенко, да мне наоборот добавить надо)

[Владимир Коротенко]

imko, и в чем проблема? Создаёте новый инпут кликаете его и добавляете. Главное сохраняйте эти виртуальные инпуты

[imko]

Владимир Коротенко, мне надо именно дроп а не добавление через диалог

[Владимир Коротенко]

imko, это проще но все равно код

[Владимир Коротенко]

https://developer.mozilla.org/ru/docs/Web/API/HTML...
Начните отсюда
По факту вам нужен див куда кидать второй див где чипсы логика чтобы добавлять и удалять чипсы и форм дата куда это все будет пихаться и отправляться

[imko]

Владимир Коротенко, я в курсе как обрабатывать дроп и как создавать формату, да и как отправлять тоже) Даже как создавать элементы визуальные для каждого дропнутого файла в курсе. Вопрос только записать их в инпут

[Владимир Коротенко]

imko, Никак это запрещено стандартом.

Answer 2

[Надим]

Можно, не во всех браузерах, но можно:
https://qna.habr.com/q/885545

Comments

[SagePtr]

В каких из браузеров работает, а в каких нет?

[Сергей delphinpro]

а как его связать с инпутом?

[Надим]

SagePtr, я не проверял, но в хроме работает точно, а остальные браузеры надо проверять.

[imko]

Надим Закиров, проверил в лисе и на сафари (комп, мобила) - работает

Answer 3

[Владимир Коротенко]

Инпут это дом так что никак стандартно но можно их создавать динамически и потом пихать в FormData а вот с форм датой можно извращаться сколько угодно загляните ко мне в гитхаб там есть пример