清空file input框

最新推荐文章于 2021-07-18 17:51:23 发布

weixin_30793643

最新推荐文章于 2021-07-18 17:51:23 发布

阅读量243

点赞数

文章标签： java xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/mengff/p/5137623.html

版权

测试环境:
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

转载于:https://www.cnblogs.com/mengff/p/5137623.html