清空上傳控件內(nèi)容JS代碼怎么寫

2012/11/10 19:36:02作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

HTML中提供的上傳控件“file”，在選定上傳文件后，文件名是不允許手動(dòng)修改的，必須通過(guò)選擇文件對(duì)話框?qū)崿F(xiàn)修改。本例介紹如何使用JaVascript實(shí)現(xiàn)上傳控件內(nèi)容的手動(dòng)清空。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（www.wangbatian.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>

【運(yùn)行效果】

上傳控件內(nèi)容清空運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：上傳控件內(nèi)容清空進(jìn)行本實(shí)例源碼下載

標(biāo)簽：清空上傳 JS代碼