Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/28: Рейтинг темы: голосов - 28, средняя оценка - 4.71
SEREJA1995
0 / 0 / 1
Регистрация: 12.06.2013
Сообщений: 98
1

Как отловить событие загрузки файла в теге input type="file"

20.05.2015, 19:45. Просмотров 5384. Ответов 4
Метки нет (Все метки)

accept почему-то не работает, решил сделать проверку на формат через js, как и всю остальную форму. Но никак не могу запустить функцию check_avatar. Хочу чтобы запускалась каждый раз, как пользователь выберет файл. Какое событие должно быть в JS?

HTML5
1
<input id="avatar" type="file" name="user_img" accept="jpeg,png,gif">
Javascript
1
2
3
4
5
$("#avatar").on('click', check_avatar);
/* проверка аватарки */
function check_avatar(){
alert(1);
};
Пытался использовать .load(), .on( 'load' .... ), .on('change', ...) не работает. click так же не работает.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.05.2015, 19:45
Ответы с готовыми решениями:

Сделать, чтобы после обновления страницы, данные в input type="file" не обнулялись
Повторю тему, созданную мной в разделе &quot;PHP&quot;. Суть такова: есть страница, она обновляется этим...

Из-за return false перестало работать стандартное действии при нажатии на <input type="file">
Всем привет! Назрел вопрос, мучаюсь, пока сам не допер как сделать: Есть модальное окно, по...

input "file" убрать тип "все файлы"
Можно ли при помощи accept это как то сделать? Грубо говоря оставить только картинки. Или...

Как изменить стиль input type="date", DSForm
Привет всем. ПОдскажите как можно изменить оформление input type=&quot;date&quot; в таком виде. Ни разу...

Как проверить input type="radio" на то, что он выбран?
&lt;div class=&quot;col-lg-4 col-md-4 col-xs-4 col-sm-4&quot;&gt; &lt;label class=&quot;btn btn-primary&quot;&gt; &lt;div...

4
andrado
0 / 0 / 0
Регистрация: 20.05.2015
Сообщений: 8
20.05.2015, 20:31 2
Javascript
1
2
3
$(document).on('change', 'input[type="file"]', function () {
    ...
});
0
SEREJA1995
0 / 0 / 1
Регистрация: 12.06.2013
Сообщений: 98
20.05.2015, 20:59  [ТС] 3
не помогает
0
alexsamos33
620 / 600 / 325
Регистрация: 26.04.2014
Сообщений: 1,976
21.05.2015, 09:38 4
Вот рабочий код, у меня работает.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
<form method="POST">
<p>
<label for="file1">SELECT FILE</label>
<input type="file" id="file1" name="file1">
</p>
</form>
 
<script>
$(function(){
$("#file1").change(function(){
alert("Selected file: " + $(this).val());
});
});
</script>
</body>
</html>
0
SEREJA1995
0 / 0 / 1
Регистрация: 12.06.2013
Сообщений: 98
21.05.2015, 09:41  [ТС] 5
спасибо) разобрался, да on('change',handler) работает.
0
21.05.2015, 09:41
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.05.2015, 09:41

Ajax. Возвращает пустое значения из <input type="text">
Доброго времени суток. Задание простое - взять значение из 2-х &lt;input type=&quot;text&quot;&gt; и передать...

Ошибка в идентификации нажатой кнопки <input type="radio">
&lt;html&gt; &lt;head&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;CSS_file.css&quot; type=&quot;text/css&quot;&gt; ...

Вызов функции JavaScript после отправки <input type="submit">
Добрый день, подскажите пожалуйста, есть вот такой скриптик &lt;script type=&quot;text/javascript&quot;&gt; ...


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

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

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