js 獲取、清空input type=
上傳控件基礎(chǔ)知識(shí)說明：
上傳控件（<input type="file"/>）用于在客戶端瀏覽并上傳文件，用戶選取的路徑可以由value屬性獲取，但value屬性是只讀的，不能通過javascript來賦值，這就使得不能通過value=""語句來清空它。很容易理解為什么只讀，如果可以隨意賦值的話，那么用戶只要打開你的網(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)文章
JavaScript 操作字符串的幾種常見方法，需要的朋友可以參考下。2009-11-11
向當(dāng)前style sheet中插入一個(gè)新的style實(shí)現(xiàn)方法
今天為了臨時(shí)解決頁(yè)面樣式問題，為了方便，直接在這個(gè)公共的js里面向style sheet插入新的style rule，感興趣的朋友可以出納卡下哈2013-04-04
這篇文章主要為大家詳細(xì)介紹了JS使用Dijkstra算法求解最短路徑，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
這篇文章主要介紹了微信小程序人臉識(shí)別功能，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript 箭頭函數(shù)的特點(diǎn)、與普通函數(shù)的區(qū)別
這篇文章主要介紹了JavaScript 箭頭函數(shù)的特點(diǎn)、與普通函數(shù)的區(qū)別,很多情況下，箭頭函數(shù)和函數(shù)表達(dá)式創(chuàng)建的函數(shù)并無區(qū)別，只有寫法上的不同，本文第二塊內(nèi)容將介紹箭頭函數(shù)和普通函數(shù)功能上的區(qū)別，感興趣的朋友跟隨小編一起看看吧2021-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript對(duì)象類型，分析了JavaScript六種數(shù)據(jù)類型，感興趣的小伙伴們可以參考一下2016-06-06
JavaScript ES6常用基礎(chǔ)知識(shí)總結(jié)
ES6中為我們提供了很多好用的新特性,其中包括let,箭頭函數(shù)以及擴(kuò)展運(yùn)算符…等，以下就是總結(jié)的常用基礎(chǔ)知識(shí)2019-02-02
Cropper.js進(jìn)階實(shí)現(xiàn)圖片旋轉(zhuǎn)裁剪處理功能示例
這篇文章主要為大家介紹了Cropper.js進(jìn)階實(shí)現(xiàn)圖片旋轉(zhuǎn)裁剪功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng)實(shí)例
這篇文章主要介紹了基于javascript實(shí)現(xiàn)單選及多選的向右和向左移動(dòng),涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
在編寫處理字符串的程序或網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)有查找符合某些復(fù)雜規(guī)則的字符串的需要。正則表達(dá)式就是用于描述這些規(guī)則的工具。換句話說，正則表達(dá)式就是記錄文本規(guī)則的代碼。2016-10-10