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

首頁 > 編程 > JavaScript > 正文

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 南漳县| 本溪| 陆良县| 东源县| 敦煌市| 抚松县| 桃园市| 临潭县| 长丰县| 阿瓦提县| 巴马| 三明市| 白玉县| 文成县| 永吉县| 泗阳县| 晋城| 九台市| 五大连池市| 德昌县| 西平县| 昭苏县| 揭西县| 如皋市| 竹北市| 安吉县| 潢川县| 贺兰县| 三江| 论坛| 六安市| 武冈市| 大竹县| 沾益县| 民勤县| 青川县| 通河县| 马关县| 宜川县| 兖州市| 且末县|