Загрузка изображения из URL в объект File

@ShweDok · Регистрация: 05.03.2019

Студворк — интернет-сервис помощи студентам

Не могу понять, как можно загрузить изображение из URL в объект File,
Объект File аналогичный тем, список которых можно взять из

HTML5
1
<input type="file" />

Не смог найти решения при поиске статей о File() и FileReader().
Подавляющее большинство статей о загрузке локальных файлов. С чем у меня нет проблемы.

Цель:
Загружать картинки в виде объектов File() по ссылке url. Добавлять из локальных, удалять, переставлять порядок. Потом обратно отправлять на сервер.

Может быть я вообще выбрал не очень простой путь.

@atanov · 05.03.2019, 17:53

ShweDok, плохо искали. Хотя предмет такой - умничать гуру любят. Вот пример:

JavaScript
1
2
document.getElementById('elemId').style.backgroundImage
= 'url('+URL.createObjectURL(document.getElementById('inputId').files[0]) +')';

Здесь фоновый рисунок для элемента с id = elemId, выставляется из 1-го файла, прикреплённого к инпуту с id = inputId.
Если много будете createObjectURL, не забывайте обнулять - жрёт память зараза.

@ShweDok · 09.03.2019, 15:08 **[ТС]**

Пока сам не доперли, сделал следующим образом:
- Картинки, загруженные ранее на сервер я не загружал в Объект File(), а хранил как Массив строковых переменных с адресом изображения. И выводил изображения в <img />.
- Новые картинки (добавленные на странице) я помещал в массив объектов File().
- При событии onsubmit() формы на странице. Я отправлял на сервер массив адресов от старых картинок и файлы от новых. И так победил свою задачу.

Может пригодится кому.

Спасибо, сейчас проверил, ваш метод отлично работает. Возможно на досуге переделаю

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@ShweDok 0 / 0 / 0 Регистрация: 05.03.2019 Сообщений: 2
	09.03.2019, 15:08 [ТС]
	Пока сам не доперли, сделал следующим образом: - Картинки, загруженные ранее на сервер я не загружал в Объект File(), а хранил как Массив строковых переменных с адресом изображения. И выводил изображения в <img />. - Новые картинки (добавленные на странице) я помещал в массив объектов File(). - При событии onsubmit() формы на странице. Я отправлял на сервер массив адресов от старых картинок и файлы от новых. И так победил свою задачу. Может пригодится кому. Спасибо, сейчас проверил, ваш метод отлично работает. Возможно на досуге переделаю 0

Загрузка изображения из URL в объект File

Решение