input file change事件调用多次（解决只执行一次）

最新推荐文章于 2023-10-27 13:52:51 发布

weixin_30906701

最新推荐文章于 2023-10-27 13:52:51 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 移动开发 ui ViewUI

原文链接：http://www.cnblogs.com/nmgxl-home/p/5966583.html

本文介绍了一种在网页中实现文件输入框替换的方法，并重新绑定change事件以确保每次选择文件后都能正确触发上传操作。具体实现涉及jQuery的使用，包括元素替换与事件处理。

$('#upload').replaceWith('<input id="upload" type="file" name="excelFile"/>');
$('#upload').off('change').on('change', function() {//上传
　　loadingViewP = layer.load(1, {shade: 0.4});
　　$('#uploadform').ajaxSubmit(options, function(data){});
　　return false;
});

每一次调用成功之后，替换input file,然后重新绑定change事件