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