html type file清空,js 获取、清空input type="file"的值示例代码

上传控件基础知识说明：

上传控件()用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过javascript来赋值，这就使得不能通过value=""语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可以随心所欲的上传他电脑上的文件了。

js 获取的值

function   show(){

var   p=document.getElementById("file1").value;

document.getElementById("s").innerHTML=" ";

document.getElementById("pic").src=p;

alert(p);

}

MyHtml.html

清空上传控件()的值的两种方法

方法1：

function   show()

{

document.getElementById("span1").innerHTML="";

}

方法2：

function clearFileInput(file){

var form=document.createElement('form');

document.body.appendChild(form);

//记住file在旧表单中的的位置

var pos=file.nextSibling;

form.appendChild(file);

form.reset();

pos.parentNode.insertBefore(file,pos);

document.body.removeChild(form);

}