當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 清空上傳控件內容JS代碼怎么寫

清空上傳控件內容JS代碼怎么寫

2012/11/10 19:36:02作者：佚名來源：網絡

移動端

【實例名稱】

清空上傳控件內容JS代碼怎么寫

【實例描述】

HTML中提供的上傳控件“file”，在選定上傳文件后，文件名是不允許手動修改的，必須通過選擇文件對話框實現修改。本例介紹如何使用JaVascript實現上傳控件內容的手動清空。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.yzddtk.cn）</title>
<script LANGUAGE="JavaScript">
function clearFile()
{
var myfile = document.getElementById('file');
myfile.outerHTML="<input type=\'file\' id=\'file\'>";
}
</script>
</head>
<body>
<input type="file" id="file" />
<input type="button" id="btn" value="清空" 
onclick="clearFile()" /></body>
</html>

【運行效果】

上傳控件內容清空運行效果

【難點剖析】

本例的重點是“outerHTML”屬性?！皁uterHTML”包括整個標簽，而不僅限于標簽內部的內容。如本例中的file控件的“outerHTML”就是整個file控件的代碼“<input type=“file”id=“file”/>”。

【源碼下載】

為了JS代碼的準確性，請點擊：上傳控件內容清空進行本實例源碼下載

標簽：上傳

上一篇：win7防火墻怎么關閉
下一篇：JS實現textarea顯示記事本文件的內容

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频