国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js 獲取、清空input type="file"的值示例代碼

2019-11-20 21:05:07
字體：大 中 小
來源：轉載
供稿：網友

上傳控件基礎知識說明：

上傳控件（<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);
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 灵武市| 简阳市| 汉寿县| 睢宁县| 温宿县| 印江| 瓮安县| 阿坝县| 宝坻区| 大荔县| 宿州市| 岐山县| 常州市| 青浦区| 崇明县| 绍兴县| 金华市| 手机| 安阳市| 普定县| 玛曲县| 安丘市| 营山县| 凤城市| 格尔木市| 八宿县| 定陶县| 靖宇县| 普定县| 且末县| 明光市| 独山县| 佛冈县| 华宁县| 衡山县| 建宁县| 垫江县| 宿松县| 吐鲁番市| 明光市| 梧州市|