清空file input框
2016-01-17 18:58
288 查看
测试环境:
OS --> winXP
Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 9.64, Opera 10 beta 2, Safari 4, Chrome 2.0.172
xhtml:
<input type="file" value="选择文件" id="fileInput" />
<button type="button" id="btnClear">清空文件域</button>
JS:
<script type="text/javascript">
var btn = document.getElementById("btnClear");
var file = document.getElementById("fileInput");
btn.onclick = function() {
// for IE, Opera, Safari, Chrome
if (file.outerHTML) {
file.outerHTML = file.outerHTML;
} else { // FF(包括3.5)
file.value = "";
}
}
</script>
或者
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
参考: http://blog.163.com/thinker_creator/blog/static/101933149200961585128272/ http://www.jb51.net/article/35491.htm
OS --> winXP
Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 9.64, Opera 10 beta 2, Safari 4, Chrome 2.0.172
xhtml:
<input type="file" value="选择文件" id="fileInput" />
<button type="button" id="btnClear">清空文件域</button>
JS:
<script type="text/javascript">
var btn = document.getElementById("btnClear");
var file = document.getElementById("fileInput");
btn.onclick = function() {
// for IE, Opera, Safari, Chrome
if (file.outerHTML) {
file.outerHTML = file.outerHTML;
} else { // FF(包括3.5)
file.value = "";
}
}
</script>
或者
var file = $("#file")
file.after(file.clone().val(""));
file.remove();
参考: http://blog.163.com/thinker_creator/blog/static/101933149200961585128272/ http://www.jb51.net/article/35491.htm
相关文章推荐
- (一)1月14日直播视频
- 新PaaS平台上线数据初始化经验
- SGU 532. Building Foundation 暴力
- poi操作
- get方法和set 方法的命名规则
- codeforces 527B:瞎搞
- Android Lolipop AssetAtlasService引起的系统崩溃
- 时钟中断(2)
- Windows下安装TexLive遇到的问题
- 关于获取Java的调用栈的实现
- 学习笔记 --- 最小费用最大流
- android layout_gravity失效的问题
- C/C++中常出现的#ifndef,#define,#endif解析
- 学习笔记 --- 最小费用最大流
- eclipse 插件安装问题
- 一个可以实时显示进度的自定义view,类似于listview中音乐播放背景变化的效果
- caffe训练测试自己的数据集
- 【牛腩新闻公布系统】WebForms UnobtrusiveValidationMode 须要“jquery”ScriptResourceMapping。
- 泛型(Generic)
- scull_p_read()函数分析