Как правильно загружать изображения на сервер для их превью на клиенте?

Question

[Torento20345]

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

Answer 1

[Иван Шумов]

Можно просто сразу в браузере показать превью и не грузить их на сервер, например)

Answer 2

[ThunderCat]

Как используя js/jq загрузить в input file файлы не за 1 раз, а за несколько?

Comments

[Torento20345]

Много воды, прям океан.

[ThunderCat]

Torento20345, создается впечатление что вы не очень разбираетесь в теме. Рекомендую разбить задачу на отдельные подзадачи, так как "целиком" с наскока вы ее не решите.

Answer 3

[nokimaro]

Почитать про URL.createObjectURL https://learn.javascript.ru/blob

<script>
function preview() {
    frame.src=URL.createObjectURL(event.target.files[0]);
}
</script>

<form>
  <input type="file" onchange="preview()">
  <img id="frame" src="" width="100px" height="100px"/>
</form>

Comments

[Torento20345]

Как frame.src на сервере превратить обратно в изображение?

[nokimaro]

Torento20345, это же форма
отправляете её на сервер и обрабатываете заливку файла
https://www.php.net/manual/ru/features.file-upload...

[ThunderCat]

Torento20345, Смысл - не отправлять ничего на сервер, пока на фронте не определится что нужно, а что нет.

[Torento20345]

ThunderCat, зато кода в 3 раза меньше )

[ThunderCat]

Torento20345, так можно вообще ничего не писать, и кода будет в миллион раз меньше. Смысл работы программиста не в сокращении кода, а чтобы работало как надо и эффективно.