Heim >Web-Frontend >js-Tutorial >js 获取、清空input type="file"的值(示例代码)_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:07:301495Durchsuche

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

js 获取的值

复制代码 代码如下:



MyHtml.html






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

方法1:

复制代码 代码如下:

 
 
 
 

 


方法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);
}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn