file标签选择文件change事件失效处理方法

file只能触发一次change事件，之后无响应，处理方案
1、使用标签内属性指定onchange函数
2、在change事件中重新替换file标签 / 清除file标签value 即可生效
注意：事件绑定必须是body范围

eg：

 1 $(function(){
 2                 //上传图片
 3                 $("body").on("change","#selectFile",function() {$("#selectFile").replaceWith('<input type="file" id="selectFile" name="selectFile" style="display: none;"/>');});
71         })

转载于:https://www.cnblogs.com/rgky/p/5227471.html

file标签选择文件change事件失效处理方法相关推荐

Input type=“file“上传文件change事件只触发一次解决方案
Input type="file"上传文件change事件只触发一次解决方案参考文章: (1)Input type="file"上传文件change事件只触发 ...
layui表格点击排序按钮后，表格绑定事件失效解决方法
layui表格点击排序按钮后,表格绑定事件失效解决方法参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...
js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...
input type=file 获取选择文件名称、路径方法及input上传按钮美化
获取文件名 document.getElementById('upload').files[0].name; 获取文件路径 document.getElementById('upload').valu ...
inputtype='file' 标签选取文件/文件夹
一般网页上传文件大家都会用到这个标签 <input type="file" id="file_input"/> 我们可以通过这个标签选取文件,使用j ...
加mp4文件后js失效_Jquery方法load之后导致js失效解决方法
Jquery方法load之后导致js失效解决方法 >>>>>>>>>>>>>>>>>>> ...
uniapp 在onLaunch中，使用redirectTo或reLaunch跳转页面后，点击事件失效解决方法
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效. 但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在 ...
iOS调用文件app(file.app)选择文件和下载
第三方应用调用系统文件app,并下载文件. ###配置如下 1:证书文件配置在Identifiers下创建你的iCloud Containers配置,点击"+"创建 2:在Ide ...
radio的change事件失效
应该绑定ifChecked事件 <div class="row clearfix "><label class="form-label col-xs-4 ...
layui 日期插件onchange事件失效的方法
laydate.render({elem:'#text1',//制定元素type:'date',//range:true,//开启左右面板min:'2017-09-1',//max:'2017-10- ...

file标签选择文件change事件失效处理方法

file标签选择文件change事件失效处理方法相关推荐

最新文章

热门文章