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

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

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

HTML5

<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

<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>

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

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

Опции темы