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

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

WBOY
WBOYoriginal
2016-05-16 17:07:301530parcourir

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn