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,问题解决。

相关文章
|
4天前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
23 10
|
1天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
11 5
|
4天前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
14 7
|
2天前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
10 2
|
5天前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
14 3
|
11天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
28 9
|
8天前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
11 3
|
11天前
|
XML JavaScript 前端开发
jQuery - AJAX get() 和 post() 方法
jQuery - AJAX get() 和 post() 方法
19 6
|
16天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
19 6
|
14天前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
23 3