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

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

相关文章
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
3月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
4月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
4月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
1天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
11 0
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0
|
3月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
38 0