`
xiaoyu1985ban
  • 浏览: 133430 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

解决input file 的onchange事件只生效一次的问题

阅读更多

文件选择框的onchange事件只在第一次改变时生效,以后再选择文件不会触发onchange事件。

 

解决方法1:用jQuery的live代替直接使用change。

错误代码:

$("#fileToUpload").change(function(){
        //do someing
    })

正确代码:

$("#fileToUpload").live('change', function(){
        //do someing
    })

 

解决方法2:onchange后,生成一个新input type file,代替原有的input file

代码:

$('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID"  />');

 

 

 

声明:

文章来自于ITeye,欢迎访问我的博客:xiaoyu1985ban.iteye.com

ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。若作者同意转载,必须以超链接形式标明文章原始出处和作者。

 

分享到:
评论
1 楼 冯瑞_FR 2016-12-28  
第一个方法,从1.7版本Jquery已经不用live了。

第二个方法需要重新绑定事件

相关推荐

    解决layui中onchange失效以及form动态渲染失效的问题

    最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。 html &lt;select lay-filter=test&gt;&lt;/...

    解决angularJS中input标签的ng-change事件无效问题

    当`&lt;input type="file"&gt;`的`onchange`事件触发时,我们可以手动调用AngularJS的 `$apply()` 方法,强制进行一次脏检查,从而执行我们期望的函数。 下面是一个示例代码: ```html &lt;input type="file" onchange=...

    怎样让input type=file 只读,并能实现文件上传

    ### 如何使 input type=file 只读并实现文件上传 在网页开发中,有时我们需要让用户选择一个文件但不允许他们更改已选择的文件。这通常是为了防止用户在提交表单前临时更改文件,从而确保文件的一致性和安全性。...

    input file的默认value清空与赋值方法

    关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...

    html5+javascript实现简单上传的注意细节

    在HTML中,我们为`&lt;input type="file"&gt;`添加了一个`onchange`事件监听器,当用户选择文件后会触发`fileSelected`函数。此函数首先检查所选文件是否为图片类型,并且大小不超过预设限制。如果满足条件,它将创建一个`...

Global site tag (gtag.js) - Google Analytics