国产探花免费观看_亚洲丰满少妇自慰呻吟_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);
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 施甸县| 祁连县| 启东市| 攀枝花市| 盐亭县| 肇东市| 永胜县| 平武县| 岳池县| 和硕县| 肃北| 阜城县| 安岳县| 资兴市| 青河县| 庆城县| 凯里市| 晋城| 嵩明县| 赤壁市| 隆化县| 河南省| 尚义县| 怀宁县| 永德县| 邯郸市| 华安县| 陆丰市| 顺义区| 原平市| 孙吴县| 太仆寺旗| 固镇县| 余干县| 隆林| 色达县| 高尔夫| 永安市| 彝良县| 蒲江县| 威海市|