JS清空input type=file内容
2015-11-23 16:19
323 查看
这个其实js或者jQuery很容易实现,但是要考虑浏览器的兼容性就要做一番修改,特别是对于IE浏览器。本用例在IE10,chrome测试通过。
核心代码:
var file=document.getElementById('File');
//IE,Safari,chrome
if(file.outerHTML){
file.outerHTML=file.outerHTML;
}
else{ //FF
file.value="";
}
这里的关键是通过document.getElementById获得file文件,然后判断outerHTML的值,进行相应的赋值。
outerHTML与innerHTML相对应,它可以获取包括元素在内的内容。参见博客http://blog.sina.com.cn/s/blog_63eb3eec01018ljf.html 一目了然。
核心代码:
var file=document.getElementById('File');
//IE,Safari,chrome
if(file.outerHTML){
file.outerHTML=file.outerHTML;
}
else{ //FF
file.value="";
}
这里的关键是通过document.getElementById获得file文件,然后判断outerHTML的值,进行相应的赋值。
outerHTML与innerHTML相对应,它可以获取包括元素在内的内容。参见博客http://blog.sina.com.cn/s/blog_63eb3eec01018ljf.html 一目了然。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式