解决input file 的onchange事件只生效一次的问题

文件选择框的onchange事件只在第一次改变时生效，以后再选择文件不会触发onchange事件。

 

解决方法1：用jQuery的live代替直接使用change。

错误代码：

$("#fileToUpload").change(function(){
        //do someing
    })

正确代码：

$("#fileToUpload").live('change', function(){
        //do someing
    })

 

解决方法2：onchange后，生成一个新input type file，代替原有的input file

代码：

$('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID"  />');

 

 

 

声明：

文章来自于ITeye，欢迎访问我的博客:xiaoyu1985ban.iteye.com

ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。

 

评论

1 楼 冯瑞_FR 2016-12-28  

第一个方法，从1.7版本Jquery已经不用live了。

第二个方法需要重新绑定事件