Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 9, средняя оценка - 4.89
lookmy
59 / 54 / 6
Регистрация: 01.04.2013
Сообщений: 551
#1

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

20.08.2014, 23:23. Просмотров 2581. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Загрузка файла сразу после выбора (JavaScript):

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

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

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

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

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

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

5
mazahist
33 / 33 / 14
Регистрация: 27.05.2012
Сообщений: 204
21.08.2014, 00:01 #2
обработчик событий onChange для type="file" срабатывает сразу после выбора файла
0
lookmy
59 / 54 / 6
Регистрация: 01.04.2013
Сообщений: 551
21.08.2014, 00:41  [ТС] #3
mazahist,
Так вот посмотреть исходник, если знал бы накидал бы код сам, даже простенки.
0
kalabuni
Нарушитель
3132 / 2481 / 443
Регистрация: 18.04.2012
Сообщений: 7,467
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 / 14
Регистрация: 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 / 6
Регистрация: 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
Привет! Вот еще темы с ответами:

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

Изменение значения текстового поля после выбора разных checkbox - JavaScript
Здравствуйте. Прошу помочь с кодом, так как в js полный нуль. Есть обычная таблица вот такого вида https://jsfiddle.net/w51z34oj/1/ код...

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

Изменение стиля тэга Select после выбора элемента списка? - JavaScript
Всем привет, друзья, подскажите пожалуйста, хочу неким образом изменить выпадающий список, собственно как сделать так, что бы при выборе...


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

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

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