js获取、清空inputtype="file"的值(示例代码)_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:17:42

js获取、清空inputtype="file"的值(示例代码)_javascript技巧

js获取、清空inputtype="file"的值(示例代码)_javascript技巧:上传控件（）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过 javascript来赋值，这就使得不能通过value=语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可

推荐度：

点击下载本文 文档为doc格式

导读js获取、清空inputtype="file"的值(示例代码)_javascript技巧:上传控件（）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过 javascript来赋值，这就使得不能通过value=语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可

上传控件（）用于在客户端浏览并上传文件，用户选取的路径可以由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);
}