input file的默认value清空与赋值方法

更新时间：2010年09月20日 13:18:32 作者：

出于安全性考虑，JS是不能直接设置File的value值的，下面是我总结出来的方法

第1个方法是大多人传统做法，替换HTML代码，楼上的已经用到了，我不过是用正则优化一下;
第2个方法利用SendKeys模拟键盘操作，需要允许浏览器调用ActiveX才行；
第3个方法，有点像武侠小说里的"乾坤大挪移"一样，呵呵，看看就知道了！

<html> <head> <title>把input file類型的value清空--Test by 编程浪子</title> <script> function clearMethod1() { var objFile=document.getElementsByTagName('input')[0]; alert("\""+objFile.value+"\"已清除"); objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\""); } function clearMethod2() { var objFile=document.getElementsByTagName('input')[0]; alert("\""+objFile.value+"\"已清除"); var WshShell=new ActiveXObject("WScript.Shell"); objFile.focus(); objFile.createTextRange().select(); WshShell.SendKeys("{del}"); } function clearMethod3() { var objFile=document.getElementsByTagName('input')[1]; alert("\""+objFile.value+"\"已清除"); objFile.value=""; } </script> <head> <body> <input type="file" value="C:\abc.txt"/><br><br> <button onclick="clearMethod1();">清除大法1：李代桃僵</button><br> <button onclick="clearMethod2();">清除大法2：暗渡陈仓</button> <br><br><br><br><br><br><br> <input type="text" value=""/><input type="file" value="C:\abc.txt" onchange="this.previousSibling.value=this.value;" style="width:20"/><br><br> <button onclick="clearMethod3();">清除大法3：声东击西</button> </body> <html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

一打开就给FILE域默认值的方法

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

input
file

js 通用javascript函数库整理
js 通用javascript函数库整理，学习js的朋友可以参考下。
2011-08-08
把多个JavaScript函数绑定到onload事件处理函数上的方法
下面小编就为大家带来一篇把多个JavaScript函数绑定到onload事件处理函数上的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09
javascript导出csv文件（excel）的方法示例
这篇文章主要给大家介绍了关于javascript导出csv文件（excel）的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-08-08
javascript实现鼠标移到Image上方时显示文字效果的方法
这篇文章主要介绍了javascript实现鼠标移到Image上方时显示文字效果的方法,涉及javascript鼠标事件及图文属性动态设置的相关技巧,可用于为图片增加文字提示效果,需要的朋友可以参考下
2015-08-08
基于Bootstrap的UI扩展 StyleBootstrap
这篇文章主要为大家详细介绍了基于Bootstrap的UI扩展： StyleBootstrap，感兴趣的小伙伴们可以参考一下
2016-06-06
javascript实现很浪漫的气泡冒出特效
这篇文章主要为大家详细介绍了javascript实现很浪漫的气泡冒出特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-11-11
javascript实现tabs选项卡切换效果(扩展版)
常用的页面效果有弹出层效果，无缝滚动效果，选项卡切换效果，接下来与大家分享一款自己用原生javascript写的选项卡切换效果在原有的基础上进行了扩展，加入了自动轮播，这样就变成了类似图片轮播的效果
2013-03-03
JS实现点击链接取消跳转效果的方法
有时候我们仅仅希望将链接<a>作为一个按钮使用，但是在默认状态下，点击链接会出现跳转效果，下面就通过代码实例，介绍一下如何实现此效果
2014-01-01
js实现3D图片逐张轮播幻灯片特效代码分享
这篇文章主要介绍了js实现3D图片逐张轮播幻灯片特效，图片轮播效果特别适合做产品展示，具有很强的立体效果，感兴趣的小伙伴可以参考下。
2015-09-09
Bootstrap源码解读标签、徽章、缩略图和警示框（8）
这篇文章主要源码解读了标签、徽章、缩略图和警示框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12