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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:01:13
字體:
供稿:網(wǎng)友
本篇文章主要是對js獲取、清空input type="file"的值的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助

上傳控件基礎(chǔ)知識說明:

上傳控件(<input type="file"/>)用于在客戶端瀏覽并上傳文件,用戶選取的路徑可以由value屬性獲取,但value屬性是只讀的,不能通過javascript來賦值,這就使得不能通過value=""語句來清空它。很容易理解為什么只讀,如果可以隨意賦值的話,那么用戶只要打開你的網(wǎng)頁,你就可以隨心所欲的上傳他電腦上的文件了。

js 獲取<intput type=file />的值

復(fù)制代碼 代碼如下:


<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" onpropertychange="show();" />
  <span></span>
 </body>
</html>


清空上傳控件(<input type="file"/>)的值的兩種方法

方法1:

復(fù)制代碼 代碼如下:


<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:

復(fù)制代碼 代碼如下:


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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 客服| 京山县| 虞城县| 彩票| 绿春县| 永登县| 平湖市| 普定县| 定安县| 和政县| 玛多县| 汉阴县| 木里| 砚山县| 西安市| 江安县| 独山县| 荣成市| 锡林浩特市| 湘潭县| 绥中县| 南郑县| 山东省| 黄梅县| 河东区| 林周县| 嘉荫县| 镇平县| 通海县| 禄丰县| 彭山县| 平昌县| 平湖市| 台南县| 栾城县| 安多县| 喀什市| 达州市| 东兰县| 建水县| 湘乡市|