首頁 >web前端 >js教程 >js 取得、清空input type='file'的值(範例程式碼)_javascript技巧

js 取得、清空input type='file'的值(範例程式碼)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:07:301530瀏覽

上傳控制項()用於在客戶端瀏覽並上傳文件,使用者選取的路徑可以由value屬性取得,但value屬性是唯讀的,不能透過javascript來賦值,這就使得不能透過value=""語句來清空它。很容易理解為什麼只讀,如果可以隨意賦值的話,那麼用戶只要打開你的網頁, 你就可以隨心所欲的上傳他電腦上的文件了。

js 獲取的值

複製代碼 代碼如下:



MyHtml.html






清空上傳控制項()的值的兩種方法

方法1:

複製程式碼 代碼如下:


代碼如下:

代碼如下:



代碼如下:

 

 
  function   show() 
document.getElementById("span1").innerHTML="  方法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);}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn