Как можно прикрепить файлы в input type=file?

Question

[Lavrov95]

<input type="file" name="images[]" id="images" class="custom-file-input" multiple="multiple">

у меня есть var images где хранятся

Answer 1

[Stalker_RED]

Никак.

Вы можете обнулить input type=file, можете читать из него уже выбранные пльзователем файлы, но не можете ничего добавить.

Для отправки на сервер можно применить FormData, с последующей пересылкой используя AJAX.
https://developer.mozilla.org/ru/docs/Web/API/Form...

Comments

[Lavrov95]

а можно ли удалить, скажем выбрал 10 картинах и хочу отменить 7 ой

[Stalker_RED]

Lavrov95, насколько я помню, только целиком все сбросить.

[Алексей]

Как правильно заметил Stalker_RED, свойство filelist только для чтения и манипулировать списком нельзя.
Lavrov95, но можно сделать все например как то так, пользователь выбирает картинки и вы их сразу грузите на сервер в фоне возвращая миниатюры и очищая список файлов. Соответственно при удалении удаляете уже на сервере данные, но тут надо привязываться к сессии и решать прочие вопросы что бы при закрытии вкладки без нажатия кнопки "сохранить" картинки удалялись на сервере. Ну или еще какой-то костыль изобрести.

[Stalker_RED]

Алексей, можно прочесть filelist, сгенерировать превьюшки прямо на клиенте
если юзер частично удаляет - скопировать выживших в FormData, а сам инпут очистить.

Answer 2

[killerdr]

Прежде, чем использовать данное поле, в форме необходимо сделать следующее:

задать метод отправки данных POST (method="post");
установить у атрибута enctype значение multipart/form-data.

<form enctype="multipart/form-data" method="post">
   <p><input type="file[]" name="f">
   <input type="submit" value="Отправить"></p>
  </form>

Comments

[Lavrov95]

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

[killerdr]

Lavrov95, не совсем ясна задача, откуда взялись те что есть? и почему нельзя отдельно загрузить то, что надо? я так понял еще и на JS это надо? то вот тогда почитай вот это хабр

[Stalker_RED]

killerdr, используя флеш, серьезно?

[killerdr]

Stalker_RED, да и реально работает. так сделано во всех соц сетях

[Юрик Булкин]

killerdr, например?

[killerdr]

Юрик Булкин, что например?

[Юрик Булкин]

killerdr, в каких соц сетях используют флеш для загрузки файлов