Вызов .click () в поле ввода файла вызывает файловый браузер, но не указывает путь

Question

Когда я нажимаю на кнопку с изображением, у меня активируется следующий вызов jquery:

$("#photo_input").click();

В IE9 он вызывает браузер файлов. Однако, когда я выбираю файл, он не меняет путь. Таким образом, моя функция onchange никогда не вызывает, и форма не отправляется. Вот HTML-код для поля ввода:

<input style = 'display:block' type = 'file' name = 'newPicture' id = 'photo_input' onchange = 'manual_photo_upload()'/>

Функция, которую она вызывает, имеет только одну строку:

$("#manual_photo_form").submit();

По сути, все, что я хочу, это чтобы пользователь нажимал на кнопку с изображением, чтобы загрузить файл. Независимо от того, настроил ли я отображение в поле ввода для блокировки или нет, это одна и та же история. Что можно сделать, чтобы решить эту проблему?

Answer 1

Попробуйте удалить атрибут onchange и использовать вместо этого jQuery для обработки события:

$('#photo_input').change(function() {
    $("#manual_photo_form").submit();
});