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

转载链接：http://www.jb51.net/article/24872.htm

出于安全性考虑，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 οnclick="clearMethod1();">清除大法1：李代桃僵</button><br>
<button οnclick="clearMethod2();">清除大法2：暗渡陈仓</button>
<br><br><br><br><br><br><br>
<input type="text" value=""/><input type="file" value="C:\abc.txt" οnchange="this.previousSibling.value=this.value;" style="width:20"/><br><br>
<button οnclick="clearMethod3();">清除大法3：声东击西</button>
</body>
<html>

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


<html>
<head>
<title>input file赋初值--Test by 编程浪子</title>
<script>
function getInitVal()
{
var objFile=document.getElementsByTagName('input')[0];
var WshShell=new ActiveXObject("WScript.Shell");
objFile.focus();
WshShell.SendKeys("C:\\abc.txt");
}
</script>
<head>
<body οnlοad="getInitVal()">
<input type="file"/>(调到ActiveX)
<br><br><br><br>
<input type="text" value="C:\abc.txt"/><input type="file" style="width:20"
οnchange="this.previousSibling.value=this.value;"/> (直接模拟)
</body>
<html>

input file的默认value清空与赋值方法相关推荐

html只允许上传xlsx,input file限制上传文件类型的方法
在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的,那么本篇博文,飞鸟慕鱼就 ...
input file限制上传文件类型的方法
在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的. input file ...
No input file specified 出现的原因及解决方法
1.PHP文件不存在,没办法返回普通的404错误,它返回一个404,并带上一句"No input file specified":方法:创建该文件即可 2.权限不够:把该文件及文件 ...
input file设置默认值_innodb_data_file_path设置--通过错误日志中page大小计算实际值...
概述 innodb_data_file_path用来指定innodb tablespace文件,如果我们不在my.cnf文件中指定innodb_data_home_dir和innodb_data_fi ...
ie8及其以下版本兼容性问题之input file隐藏上传文件
文件上传时,默认的file标签很难看,而且每个浏览器下都有很大差距.因此我们基本都把真正的file标签给隐藏,然后创建一个标签来替代它.但是由于IE出于安全方面的考虑上传文件时必须点击file的浏览按 ...
input file详细介绍、更改css样式、获取图片地址、彻底清空上传文件（建议收藏）
文章目录博客内容介绍 input 全部类型 file 类型属性 accept属性 multiple属性事件监听 css样式更改上传图片文件,获取图片地址 input type file上传文 ...
清空input file中的值
清空input file中的值对于input type为file元素: 未选择文件之前,它是这个样子: 当选择文件名为index.html的文件后,它变成了这个样子,input元素会显示文件名信息: ...
js清除HTML的input数据,js 清空 input file 的值的方法
今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js ...
将input file的选择的文件清空的两种解决方案
将input file的选择的文件清空的两种解决方案参考文章: (1)将input file的选择的文件清空的两种解决方案 (2)https://www.cnblogs.com/wangxueyin ...

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

input file的默认value清空与赋值方法相关推荐

最新文章

热门文章