jquery(live)中File input的change方法只起一次作用的解决办法

本文涉及的产品
视频直播,500GB 1个月
简介: jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。错误写法复制代码代码如下:$(“#uploadImg”).

jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。

错误写法

复制代码代码如下:

$(“#uploadImg”).click(function(){

  do something

});

正确写法

复制代码代码如下:

$(“#uploadImg”).live(‘change’,function(){

do something

});

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的:

1.原始方法:把事件写在file控件的onchange=”"里面;

2.Jquery方法一: $(‘#fileId’).live(‘change’,function(){ //逻辑添加…. });

3.Jquery方法二: onchange后,生成一个新input type file代替旧的,

$(‘#inputFileID’).replaceWith(‘<input name=”fileToUpload” type=”file” id=”inputFileID” />’);

OK,问题解决。

相关文章
|
2月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
32 5
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1
|
1月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
46 6
|
2月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
30 2
|
2月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
15 3
|
2月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
22 5
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
15 2
|
1月前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
10 0
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
15 0