jQuery:如果文件选择是由文件输入以外的元素触发的，则文件输入元素上的 "change"事件不会触发

Question

回复:

• Jquery: change event to input file on IE
• Any alternative to jQuery change() to detect when user selects new file via dialog box in IE8?

<小时/>

上述问题涉及在选择文件后如何跨浏览器一致地触发“更改”事件。此问题已得到解决，如 http://jsfiddle.net/7wR2L/ 中的示例所示。

我的情况有点不同。看来这个问题在另一个背景下露出了丑陋的头。

基于设计限制，我必须使用非文件输入元素(“a”标签)来触发文件输入元素上的“单击”事件。到目前为止，从我的测试来看，当以这种方式选择文件时，文件输入似乎无法触发“更改”通知。

请查看 http://jsfiddle.net/rudylattae/7wR2L/8/ 中的示例

测试环境:

Windows Server 2008 R2

• Chrome 7.0.517.44 - 通过
• Firefox 3.6.9 - 失败
• IE 8.0.7600.16385 64 位 - 失败

Windows XP Pro(2002 - SP3)

• Chrome 8.0.552.28 测试版 - 通过
• Firefox 3.5.14 - 失败(甚至不触发文件选择器)
• IE 8.0.6001.18702 - 失败

Answer 1

对于 MSIE，请使用 onpropertychange -事件，例如:http://jsfiddle.net/7wR2L/14/

由于 jQuery 不支持此事件，因此您必须在没有 jquery 的情况下分配它(内联或使用 AttachEvent )

在其他浏览器中尝试使用突变事件，也许它们会在那里工作。请参阅昨天有关突变事件的相关主题，以了解它们如何工作的小示例:How to capture change on page title from a firefox extension