Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/15: Рейтинг темы: голосов - 15, средняя оценка - 4.60
lookmy
59 / 54 / 20
Регистрация: 01.04.2013
Сообщений: 551
#1

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

20.08.2014, 23:23. Просмотров 2876. Ответов 5
Метки нет (Все метки)

Как сделать загрузку файла сразу после выбора ?
Это обычная стандартная форма загрузки, сначало набираешь 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.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.08.2014, 23:23
Ответы с готовыми решениями:

Отправить файл загружаться сразу после его выбора
&lt;form action=&quot;&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt; &lt;input...

Сортировка сразу после загрузки страницы.
Есть скрипт сортировки таблиц все отлично работает, но сортирует только по...

Как запустить скрипт сразу после завершения?
На сервере стоит ограничение по времени работы скрипта (max_execution_time, или...

Выполнение определённых действий сразу после установки приложения
Приветствую! Подскажите, пожалуйста, есть ли возможность где-нибудь прописать...

Нужно после нажатия кнопки сразу же на странице обновить данные
Покажите на простом примере, нужен статус почти как у Дурова. Надеюсь все знают...

5
mazahist
33 / 33 / 26
Регистрация: 27.05.2012
Сообщений: 204
21.08.2014, 00:01 #2
обработчик событий onChange для type="file" срабатывает сразу после выбора файла
0
lookmy
59 / 54 / 20
Регистрация: 01.04.2013
Сообщений: 551
21.08.2014, 00:41  [ТС] #3
mazahist,
Так вот посмотреть исходник, если знал бы накидал бы код сам, даже простенки.
0
kalabuni
Нарушитель
3233 / 2558 / 614
Регистрация: 18.04.2012
Сообщений: 7,695
21.08.2014, 01:28 #4
HTML5
1
2
3
<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="filename" onchange="this.form.submit ()">
</form>
0
mazahist
33 / 33 / 26
Регистрация: 27.05.2012
Сообщений: 204
21.08.2014, 10:43 #5
можно через 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>
0
lookmy
59 / 54 / 20
Регистрация: 01.04.2013
Сообщений: 551
21.08.2014, 10:59  [ТС] #6
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>
0
21.08.2014, 10:59
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.08.2014, 10:59

2 тектовых поля после выбора select
привет!сразу прошу не пинать,я в js полный ноль и прошу вашей помощи. задача:...

Появление элемента после выбора пункта селекта.
Задача такая: 1. Есть форма и элемент select, а так же для каждого пункта...

Появление текстовой области после выбора двух зависимых селектов
всем привет!я в js ничего не понимаю,так что прошу не пинать и не смеяться....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru