javascript - input file onchange event not being fired in chrome - Stack Overflow

admin管理员组

文章数量:1221306

This is a weird thing i noticed in chrome. if the user select a file and then select the same file again bu opening the file dialog again, chrome doesn't fire the onchange event while firefox does.

anybody noticed it as well?

This is a weird thing i noticed in chrome. if the user select a file and then select the same file again bu opening the file dialog again, chrome doesn't fire the onchange event while firefox does.

anybody noticed it as well?

• javascript
• events
• google-chrome

Share Improve this question Follow edited Oct 2, 2011 at 9:30 Bohemian♦ 425k100100 gold badges599599 silver badges745745 bronze badges asked Jul 8, 2011 at 10:41 AmirAmir 1,25933 gold badges1818 silver badges3232 bronze badges 0

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 6

This is a known feature of Chrome and a quick Google on the topic will bring up some interesting discussions.

It makes sense to me that the change event wouldn't fire since nothing has changed (you're selecting the same file)

As for your question, what exactly are you asking? Are you looking for a way to change this behaviour or do you just want to know if we've noticed this as well?

If you want a way around this behaviour you can simply create a new file input in your Javascript and replace the previous one. This way your change event is guarenteed to fire.

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

And then use:

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

Worked well for me!

An easier solution to reset an input file that works well for me :

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

本文标签： javascriptinput file onchange event not being fired in chromeStack Overflow