inputfile的默认value清空与赋值方法_javascript技巧_动视

inputfile的默认value清空与赋值方法_javascript技巧

2020-11-27 20:55:04 责编:小采

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

<html> 
<head> 
<title>把input file類型的value清空--Test by 编程浪子</title> 
 
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"/><p> 
<button onclick="clearMethod1();">清除大法1：李代桃僵</button><br> 
<button onclick="clearMethod2();">清除大法2：暗渡陈仓</button> 
<p><br> 
<input type="text" value=""/><input type="file" value="C:\abc.txt" onchange="this.previousSibling.value=this.value;" style="width:20"/><p> 
<button onclick="clearMethod3();">清除大法3：声东击西</button> 
<div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body> 
<html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一打开就给FILE域默认值的方法

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下载本文

显示全文

全部频道