выполните функцию javascript, когда пользователь выбирает файл

Question

На странице html я добавляю элемент ввода.

<input type="file" name="fileselect" id="fselect"> </input> 

Я хотел выполнить яваскрипт функции, когда пользователь выбирает file.Suppose я хочу написать в консоль тоже.

Действительно ли функция jquery select() проверяет, был ли пользователь выбран файл? Я попытался как этот

$(document).ready(function(){ 
    $('#fselect').select(function(){ 
     console.log('selected'); 
     myfun(); 
    }); 
}); 

function myfun(){ 
    alert('you selected a file'); 
} 

По какой-то причине, когда я выбираю файл, используя входной элемент, ничего не записывается в консоль и не окно предупреждения не appears..Is на select() вызова кодированного неправильно?

Answer 1

Мероприятие, которое вам нужно, это изменить, а не выбрать.

От the docs:

Выбор: событие посылается к элементу, когда пользователь делает выбор текста внутри него.

И change:

Событие изменения посылается к элементу, когда его значение изменяется

Answer 2

Вы можете использовать change событие:

​$("#fselect").change(function() { 
    // do something 
});​​​​​​​ 

DEMO:http://jsfiddle.net/BtsHL/

Answer 3

попробовать это:

$(document).ready(function(){ 
    $('#fselect').change(function(){ 
     console.log('selected'); 
    }); 
});