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