how to clear file input field?

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章