CODEWITHSUNDEEP
jqueryinternet-explorereventsfile-io
Rudy Lattae
Rudy Lattae

Reputation: 841

jQuery: "change" event on file input element does not fire if the file selection is triggered by an element other than the file input

RE:

The above questions dealt with getting the 'change' event to fire consistently across browsers after a file selection has been made. This is has been resolved as evidenced by the example at http://jsfiddle.net/7wR2L/

My situation is a tad different. It seems this issue rears its ugly head in another context.

Based on design constraints, I have to use a non-file-input element ('a' tag) to trigger the "click" event on the file input element. So far from my tests, it looks like the file input is unable to fire a "change" notification when a file is selected in this way.

Please take a look at the example at http://jsfiddle.net/rudylattae/7wR2L/8/

Test environment(s):

Windows Server 2008 R2

Windows XP Pro (2002 - SP3)

Upvotes: 6

Views: 13762

Answers (2)

yesnik
yesnik

Reputation: 4695

Try to use modern version of jQuery.

Described problem with change event in Internet Explorer was fixed in jQuery >= 1.6.4.

Upvotes: 0

Dr.Molle
Dr.Molle

Reputation: 117334

With MSIE use the onpropertychange-Event, example: http://jsfiddle.net/7wR2L/14/

As jQuery does'nt support this event you have to assign it without jquery(inline or use attachEvent )

In other browsers try using mutation-events, maybe they'll work there. See a related topic on mutation-events from yesterday, to have a little example how they work: How to capture change on page title from a firefox extension

Upvotes: 7

Related Questions