Загрузка файла сразу после выбора

@lookmy · Регистрация: 01.04.2013

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

Как сделать загрузку файла сразу после выбора ?
Это обычная стандартная форма загрузки, сначало набираешь type="file" а потом загрузить type="submit"

HTML5
1
2
3
4
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="filename">
<input type="submit" value="Загрузить">
</form>

Как можно сделать, нажал выбрать файл выбрал, и он начал закачиваться .
Внимание PHP обработчик тут не причём, должно сработать на JS что я выбрал вроде, клик чтобы он уже отправлял на обработку к PHP.

@mazahist · 21.08.2014, 00:01

обработчик событий onChange для type="file" срабатывает сразу после выбора файла

@lookmy · 21.08.2014, 00:41 **[ТС]**

mazahist,
Так вот посмотреть исходник, если знал бы накидал бы код сам, даже простенки.

@kalabuni · 21.08.2014, 01:28

HTML5
1
2
3
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="filename" onchange="this.form.submit ()">
</form>

@mazahist · 21.08.2014, 10:43

можно через ajax:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input type="file" onChange="loa(this)">
<script>
var xhr=new XMLHttpRequest(),form=new FormData();
function loa(ev)
{
    xhr.open("POST","некий_файл.php",true);
    form.append("file",ev.files[0]);
    xhr.send(form); 
}
xhr.onload=function()
{
    alert(xhr.response);    
}
</script>

@lookmy · 21.08.2014, 10:59 **[ТС]**

mazahist,
Я этот код взял в контакте, тут видно что insert сделали невидимый, так как я читал там проблемы со сменой вида его на CSS . visibility: hidden; position: absolute; не видим.
А buttton он сделали нормальный вид.
Помоги подогнать чтобы баттон работал совместно с insert

HTML5
1
2
3
<div id="video_upload_box"><div class="button_blue"><button class="upload_btn" onclick="this.parentNode.nextSibling.click()">Выбрать файл</button></div>
 
<input class="file" type="file" size="28" onchange="Upload.onFileApiSend(10, this.files);" name="video_file" style="visibility: hidden; position: absolute;"></div>

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы 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 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@mazahist 35 / 35 / 26 Регистрация: 27.05.2012 Сообщений: 204
	21.08.2014, 00:01
	обработчик событий onChange для type="file" срабатывает сразу после выбора файла 0

@lookmy 60 / 55 / 20 Регистрация: 01.04.2013 Сообщений: 551
	21.08.2014, 00:41 [ТС]
	mazahist, Так вот посмотреть исходник, если знал бы накидал бы код сам, даже простенки. 0