В input type="file" вставить картинку

@Beetlejuice541 · Регистрация: 21.01.2015

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

Есть <input type="file" name="image">
как при помощи js вставить туда свою картинку.Без открытия окна выбора.
Делаю для себя,то есть известен путь,имя,вес и тд картинки.
Как я понял,нужно создать reader в него засунуть картинку и отправить в input.Но как это сделать? или есть другой способ?

@zme9 · 14.10.2017, 11:52

Beetlejuice541, если я правильно понял)

JavaScript
1
2
3
document.getElementById("s").addEventListener("click",function(){
  document.getElementById("container").classList.add('img');
});

CSS
1
2
3
4
5
6
7
#container{
    width: 300px;
    height: 300px;
}
.img{
    background: url("https://i.pinimg.com/736x/64/62/27/6462273100a0638bf18d6467ce1b997f--good-morning-coffee-owl-pictures.jpg");
}

HTML5
1
2
3
4
<input type="button" name="" id="s" value="Load">
    <div class="container">
        
    </div>

@Beetlejuice541 · 14.10.2017, 12:01 **[ТС]**

не со всем.Есть сайт,на него нужно закинуть 2000 картинок,делать это традиционно "Выбрать файл",откроется окно с папками на компьютере,потом выбрать нужную картинку,нажать открыть и потом она загрузиться-слишком долго.Я хочу написать js,который будет вставлять картинку,которую я пропишу,без выбора пути.
Сейчас я сделал так

JavaScript
1
2
3
4
var form = document.forms[2];
var elem=form.elements.image;
var inputFile = elem.files;
document.forms[3].elements.image.files=inputFile;

то есть,есть 2 поля для вставки изображения.Когда я в 1 вставляю изображение,я записываю его в переменную и потом вставляю во второе поле.Но картинка та же,а мне нужно изменить ее.Уже не знаю,что делать(

@Опан · 14.10.2017, 21:58

Доступ из сайта на сервере к файлам компьютере прямо из кода без диалога выбора файла (файлов) запрещён из соображений безопасности. Ваше время в этом случае может сэкономить выбор нескольких файлов за один заход:

HTML5
1
<input type="file" name="image" multiple="true">

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

@Beetlejuice541 · 15.10.2017, 15:02 **[ТС]**

я сделал multiple
и пришла одна мысл.Что есть загрузить скажем 10 файлов в один input и потом при помощи js в остальные input'ы вставлять файлы из первого input'a.
Попробовал это сделать,но ничего не выходит,то другие input'ы не воспринимают код,то все 10 картинок вставляются.
То что я придумал,вообще возможно реализовать?

@Опан · 16.10.2017, 11:18

Замысел я до конца не понял, но все картинки можно поместить в один архив ZIP или RAR, (может многотомный) выбрать его и потом на сервере разархивировать с помощью кода PHP или к-панели хостинга.

@Beetlejuice541 · 16.10.2017, 11:27 **[ТС]**

Добавлено через 6 минут
Опан,
есть сайт(не мой)на нем очень много input'ов.В каждый нужно вставить по 1 картинке.В сумме надо загрузить более 1000 картинок.Делать это через окно выбора очень долго,я хочу написать скрипт.
Вот появилась идея,в 1 input вставить скажем 10 картинок,а потом при помощи js брать из него по 1 картинке и вставлять в другие input.
Это возможно?

@Опан · 16.10.2017, 13:42

На чужом сайте multiple скорее всего установлено в false, (т. е., можно выбрать только одну картинку) но поменять на true можно с помощью консоли. А для всего остального, т. е. для программных действий на чужом сайте есть язык JScript, но я в нём не рублю. Возможно ли это будет сделать, тоже не знаю.

Новые блоги и статьи Все статьи Все блоги /
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Old Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .

@Beetlejuice541 1 / 1 / 0 Регистрация: 21.01.2015 Сообщений: 248

	В input type="file" вставить картинку 14.10.2017, 08:50. Показов 14809. Ответов 7 Метки нет (Все метки) Есть <input type="file" name="image"> как при помощи js вставить туда свою картинку.Без открытия окна выбора. Делаю для себя,то есть известен путь,имя,вес и тд картинки. Как я понял,нужно создать reader в него засунуть картинку и отправить в input.Но как это сделать? или есть другой способ? 0

@Beetlejuice541 1 / 1 / 0 Регистрация: 21.01.2015 Сообщений: 248
	15.10.2017, 15:02 [ТС]
	я сделал multiple и пришла одна мысл.Что есть загрузить скажем 10 файлов в один input и потом при помощи js в остальные input'ы вставлять файлы из первого input'a. Попробовал это сделать,но ничего не выходит,то другие input'ы не воспринимают код,то все 10 картинок вставляются. То что я придумал,вообще возможно реализовать? 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	16.10.2017, 11:18
	Замысел я до конца не понял, но все картинки можно поместить в один архив ZIP или RAR, (может многотомный) выбрать его и потом на сервере разархивировать с помощью кода PHP или к-панели хостинга. 0

@Beetlejuice541 1 / 1 / 0 Регистрация: 21.01.2015 Сообщений: 248
	16.10.2017, 11:27 [ТС]
	Добавлено через 6 минут Опан, есть сайт(не мой)на нем очень много input'ов.В каждый нужно вставить по 1 картинке.В сумме надо загрузить более 1000 картинок.Делать это через окно выбора очень долго,я хочу написать скрипт. Вот появилась идея,в 1 input вставить скажем 10 картинок,а потом при помощи js брать из него по 1 картинке и вставлять в другие input. Это возможно? 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	16.10.2017, 13:42
	На чужом сайте multiple скорее всего установлено в false, (т. е., можно выбрать только одну картинку) но поменять на true можно с помощью консоли. А для всего остального, т. е. для программных действий на чужом сайте есть язык JScript, но я в нём не рублю. Возможно ли это будет сделать, тоже не знаю. 0

Опции темы