js清空input file的值
来源:互联网 发布:富士 打印软件 编辑:程序博客网 时间:2024/05/18 00:04
今天在做选择本地图片上传的功能时遇到一个问题,第一次选择图片完成会触发onchange事件,获取文件后动态在界面上创建img标签展示,这个过程没有问题,问题出在当把创建的img元素节点删除后,再点file控件选中同一个文件后发现图片并没有被重新创建出来。
分析了原因,是因为上一次file里选择的文件路径值与本次选择的文件路径值是一样的,值没有改变所以导致file不会触发onchange事件。
解决这个问题的思路是每次创建完img后把file的路径值清空,但浏览器的安全机制规定不可以直接用js修改file的value为有效值,解决方法是设置file的value为空字符,或者把file的html重新初始化来解决清空的问题。
解决办法:
var file = doucment.getElementById('file');file.value = ''; //虽然file的value不能设为有字符的值,但是可以设置为空值//或者file.outerHTML = file.outerHTML; //重新初始化了file的html
阅读全文
1 0
- js清空input file的值
- js 清空 input:file 的值
- js 获取、清空 input type="file"的值
- js 获取、清空 input type="file"的值
- 纯Js清空input File
- js清空form表单里的值,清空input ,清空select
- 使用JS清空上传控件input(type="file")的值
- JS 清空input file的值,兼容所有主流浏览器
- js 获取、清空input type="file"的值示例代码
- s 获取、清空 input type="file"的值
- 清空input[type="file"]的值
- input type=file的清空
- 清空input=file的value
- 清空浏览器文件选择框中的值(清空 file input 的值)
- JS清空input type=file内容
- 清空 HTML File Input
- JS file清空
- JS file清空
- 2017年8月7日提高组T1 呵呵
- springboot(六):如何优雅的使用mybatis
- 欢迎使用CSDN-markdown编辑器
- POJ
- 相对布局的layout_alignLeft属性
- js清空input file的值
- 计算机视觉领域的一些好的地址链接
- POJ 3254 Corn Fields(状压DP)
- csrf攻击
- 同时配置redis和hbase的配置文件遇到的问题
- python中zip函数
- python 进程间通信
- 怎么简单的理解对称加密和非对称
- iOS xcode 代码行数统计