Событие замены входного файла не запускается в Chrome

Question

Это странная вещь, которую я заметил в chrome. если пользователь выбирает файл, а затем снова выбирает тот же файл, снова открывая диалоговое окно файла, chrome не запускает событие onchange, а firefox делает это.

кто-нибудь тоже это заметил?

Answer 1

function resetFileInput($element) {
  var clone = $element.clone();
  $element.replaceWith(clone);
}

А затем используйте:

$('#element_id').on('change', function(){
...
});

Хорошо сработало для меня!

Answer 2

Это известная особенность Chrome, и быстрый Google по теме вызовет несколько интересных обсуждений.

Для меня имеет смысл, что событие change не будетогонь, так как ничего не изменилось (вы выбираете тот же файл)

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

Если вы хотите обойти это поведение, вы можете просто создать новый файл для ввода в свой файл.Javascript и заменить предыдущий.Таким образом, ваше change событие гарантированно сработает.

Answer 3

Более простое решение для сброса входного файла, которое хорошо работает для меня:

document.getElementById('idOfInput').value = '';