how to clear file input field?

时间：2014-04-04 22:57:00 阅读：722 评论：0 收藏：0 [点我收藏+]

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

function clearFileInput(fileInput){

//create a new form, then append it to body
var form=document.createElement(‘form‘);
document.body.appendChild(form);
//remeber the position of file input in original html
var pos=fileInput.nextSibling;

//append file input to new form
form.appendChild(fileInput);
form.reset();

//insert file to previous position
pos.parentNode.insertBefore(fileInput,pos);
document.body.removeChild(form);
}