用Text和Img实现File xls以外过滤带清空

最新推荐文章于 2026-06-28 16:12:05 发布

原创最新推荐文章于 2026-06-28 16:12:05 发布 · 745 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#file #function #javascript #delete #input

收录于

HTML 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的文件上传功能，并根据文件类型的不同切换显示不同的操作按钮。当选择Excel类型的文件时，会显示导入按钮；对于非Excel文件，则显示另一个默认按钮。

function clearFileItem() {
  document.getElementById("fleItem").createTextRange().execCommand("delete");
  document.getElementById("txtFile").value = "";
  document.getElementById("btnImport").style.display = "none";
  document.getElementById("btnImportShadow").style.display = "block";
}
</script>
<input type="text" id="txtFile" readOnly="true" style="cursor: default;">
<img src="locButtonBg.gif" style="cursor: pointer;" onClick="fleItem.click()">
<img src="locButtonBg.gif" style="cursor: pointer;" onClick="clearFileItem()">
<input type="file" id="fleItem" name="fleItem" onchange="txtFile.value=this.value; imgChange(this);" style="display: none;">
<img id="btnImport" src="locImport.gif" style="cursor: pointer; display: none;">
<img id="btnImportShadow" src="locImportShadow.gif" style="display: block;">