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 中，进程和线程的概念并不是直接暴露给开发者的，而是通过浏览器或 Node.js 等执行环境来实现的，文中介绍的非常详细，感兴趣的同学可以阅读一下
2023-04-04
JS原型和原型链原理与用法实例详解
这篇文章主要介绍了JS原型和原型链原理与用法,结合实例形式详细分析了js原型和原型链概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
2020-02-02
JavaScript第一个分水岭之数组的基本操作
Arrays(数组) 数组是一个固定长度的存储相同数据类型的数据结构,数组中的元素被存储在一段连续的内存空间中,下面这篇文章主要给大家介绍了关于JavaScript第一个分水岭之数组的基本操作,需要的朋友可以参考下
2022-04-04
Bootstrap每天必学之进度条
Bootstrap每天必学之进度条，对Bootstrap进度条小编也了解的很少，希望通过这篇文章和大家更多的去学习Bootstrap进度条，从中得到收获。
2015-11-11
一个js封装的不错的选项卡效果代码
在论坛里经常看到人问选项卡或者类似选项卡的切换效果这里封装了个js，希望对大家有用所有代码都在下面了如果有错误或者建议，可以回贴告诉我，谢谢
2008-02-02
xmlplus组件设计系列之列表（4）
xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之列表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
JavaScript中子对象访问父对象的方式详解
js中虽然没有传统面向对象的编程语言里子类访问父类的特殊语法，但是我们可以根据需要造一个，接下来本文给大家分享在JavaScript中子对象访问父对象的方式,需要的朋友可以参考下
2016-09-09
JS实现关闭当前页而不弹出提示框的方法
这篇文章主要介绍了JS实现关闭当前页而不弹出提示框的方法,结合实例形式分析了JS操作页面的打开、关闭及父页面的关闭技巧,需要的朋友可以参考下
2016-06-06
如何实现iframe父子传参通信
这篇文章主要介绍了如何实现iframe父子传参通信，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
微信小程序外卖选购页实现切换分类与数量加减功能案例
这篇文章主要介绍了微信小程序外卖选购页实现切换分类与数量加减功能,结合具体实例形式分析了微信小程序状态记录、判定及数值运算相关操作技巧,需要的朋友可以参考下
2019-01-01

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具