input type="file" onchange事件，跨浏览器解决方案

Question

我正在使用 jquery ajax 文件上传：http://jquery.malsup.com/form/#getting-started

<input type="file" id="foo" name="foo" />

我的问题是 jquery 更改事件没有触发：

$('#foo').change(function(){
    console.log('change');
});

我也尝试过使用on('change', function(){ }) 方法，但没有成功。

感谢任何帮助。谢谢

Answer 1

您的问题可能出在绑定的顺序上。

Here 是我用于测试的 jsFiddle。我已将插件链接到此解决方案，似乎只有在 .ajaxForm 之前完成绑定时才会触发更改事件。

如果这不能解决您的问题，请告诉我。

Answer 2

试试这个。不知道使用 .live 是否不好，但对我有用，当正常方式不使用时

$('#foo').live('change',function(){
    alert('change');
});