您好,欢迎来到气吉美食网。
搜索
您的当前位置:首页js获取、清空inputtype="file"的值(示例代码)_javascript技巧

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

来源:气吉美食网


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

Copyright © 2019- qejl.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务