js 獲取、清空input type="file"的值(示例代碼)
上傳控件（<input type="file"/>）用于在客戶(hù)端瀏覽并上傳文件，用戶(hù)選取的路徑可以由value屬性獲取，但value屬性是只讀的，不能通過(guò) javascript來(lái)賦值，這就使得不能通過(guò)value=""語(yǔ)句來(lái)清空它。很容易理解為什么只讀，如果可以隨意賦值的話(huà)，那么用戶(hù)只要打開(kāi)你的網(wǎng)頁(yè)， 你就可以隨心所欲的上傳他電腦上的文件了。
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);
}
相關(guān)文章
這篇文章主要介紹了js閉包的相關(guān)知識(shí)，閉包是Javascript的一個(gè)難點(diǎn)，但也是一個(gè)很重要的知識(shí)點(diǎn),需要的朋友可以參考下2015-04-04
JS實(shí)現(xiàn)DOM節(jié)點(diǎn)插入操作之子節(jié)點(diǎn)與兄弟節(jié)點(diǎn)插入操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)DOM節(jié)點(diǎn)插入操作之子節(jié)點(diǎn)與兄弟節(jié)點(diǎn)插入操作,涉及JavaScript節(jié)點(diǎn)的創(chuàng)建、添加簡(jiǎn)單操作技巧,需要的朋友可以參考下2018-07-07
javascript 利用Image對(duì)象實(shí)現(xiàn)的埋點(diǎn)(某處的點(diǎn)擊數(shù))統(tǒng)計(jì)
統(tǒng)計(jì)用戶(hù)頁(yè)面某處的點(diǎn)擊數(shù)或者執(zhí)行到程序中某個(gè)點(diǎn)的次數(shù);根據(jù)實(shí)際情況，創(chuàng)建多個(gè)Image對(duì)象，原則誰(shuí)空閑誰(shuí)做事，解下來(lái)詳細(xì)介紹，需要了解的朋友可以參考下2012-12-12
js實(shí)現(xiàn)彩色條紋滾動(dòng)條效果
本文主要介紹了js實(shí)現(xiàn)彩色條紋滾動(dòng)條效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
Next項(xiàng)目路徑添加指定的訪(fǎng)問(wèn)前綴方法詳解
這篇文章主要介紹了Next項(xiàng)目路徑添加指定的訪(fǎng)問(wèn)前綴方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
在web端，輸入的時(shí)候，很容易在文本框消失焦點(diǎn)的時(shí)候，點(diǎn)擊退格鍵，頁(yè)面就回退了，下面是一種屏蔽頁(yè)面回退鍵的方法,一起看看吧2016-12-12
JavaScript實(shí)現(xiàn)點(diǎn)擊切換驗(yàn)證碼及校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊切換驗(yàn)證碼及校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)topBar底部選擇欄效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
JavaScript實(shí)現(xiàn)無(wú)限輪播效果
這篇文章主要介為大家詳細(xì)紹了JavaScript實(shí)現(xiàn)無(wú)限輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07