DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js 獲取、清空input type=file的值示例代碼
js 獲取、清空input type=file的值示例代碼
編輯:JavaScript綜合知識     

 本篇文章主要是對js獲取、清空input type="file"的值的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

上傳控件基礎知識說明:   上傳控件(<input type="file"/>)用於在客戶端浏覽並上傳文件,用戶選取的路徑可以由value屬性獲取,但value屬性是只讀的,不能通過javascript來賦值,這就使得不能通過value=""語句來清空它。很容易理解為什麼只讀,如果可以隨意賦值的話,那麼用戶只要打開你的網頁,你就可以隨心所欲的上傳他電腦上的文件了。   js 獲取<intput type=file />的值    代碼如下: <html>  <script language='javascript'>      function   show(){      var   p=document.getElementById("file1").value;     document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";      document.getElementById("pic").src=p;   alert(p);       }      </script>    <head>   <title>MyHtml.html</title>    </head>    <body>   <input type="file" name="file1" id="file1" onpropertychange="show();" />   <span id="s"></span>  </body> </html>     清空上傳控件(<input type="file"/>)的值的兩種方法   方法1:  代碼如下: <span   id=span1>      <input   name=ab   type=file>      </span>      <input   name=button1   type=button   value="按"   onclick=show()>       <script   language=javascript>      function   show()      {      document.getElementById("span1").innerHTML="<input   name=ab   type=file>";      }      </script>       方法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); }  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved