脚本宝典收集整理的这篇文章主要介绍了type=file的change事件只能执行一次的问题及解决方法实例，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。最近帮朋友做个项目中遇到了tyPE=file change事件只能执行一次的问题，度娘了一下，发现提供了各种解决方案，所以决定记录一下我的思考方向和最终解决方式。
起初帮朋友做个项目，项目中遇到上传文件，没想太多，代码就敲了起来，尼玛，上传做好啦，兴冲冲，一测，ei,怎么回事，怎么不能上传了，程序员的各种抓狂捉急啊，开始度娘找解决方案，找来找去，冷静下来，自己想了解决方案；
蛋疼的<input type='file' />设计，不管文件上传成功与否，已添加的文件已经被记录了，所以不会再执行change事件，大概原因知道了，动手做吧，如果我能清空记录，事件不就能触发了吗，尝试了一下，尼玛，没成功。继续找方法，如果我替换了<input type='file' />标签，然后重新绑定change事件会怎么，动手试了一下，成功了，下面贴上代码：
<form action="/api/Index/browse" enctype=";multipart/form-data" id="form_Upload" method="post">
<input id="fileUpload" type="file" name="file" style="display:none">
</form>
$('input[id=fileUpload]').click();
VAR count = 0;
$('input[id=fileUpload]').unbind().change(function () {
$('#form_Upload').ajaxSubmIT(options);
});
var options = {
success: function (data) {
//$scope.orderInfo = eval(data);
$scope.$apply(function () {
$scope.orderInfo = eval(data);
//start 为避免type=file控件的change()只能执行一次，更换控件，重新绑定事件
count++;
$("#fileUpload").replaceWith('<input type="file" id="fileUpload" name="file" style="display:none;" title="' + count + '"/>');
$('#fileUpload').on('change', function () {
$('#form_Upload').ajaxSubmit(options);
});
//end
$http.post(url, params).success(function (data) {
do something
}, function () {
do something
});
});
}
};
以上就是type=file的change事件只能执行一次的问题及解决方法实例的详细内容，更多请关注脚本宝典其它相关文章！
以上是脚本宝典为你收集整理的type=file的change事件只能执行一次的问题及解决方法实例全部内容，希望文章能够帮你解决type=file的change事件只能执行一次的问题及解决方法实例所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。