【js】弹出文件选择框，可用与文件上传（适配所有浏览器）

最新推荐文章于 2025-09-16 12:50:31 发布

转载最新推荐文章于 2025-09-16 12:50:31 发布 · 6.4k 阅读

文章标签：

#js #javascript #excel

jsp 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种通用的文件上传组件实现方式，该组件能够触发文件选择框并支持所有浏览器，适用于Excel文件的上传和解析。

 <a class="btn blue mini" style="margin-bottom:6px;">导入Excel
   <div style="filter:alpha(opacity=0);cursor: pointer; opacity: 0; position: absolute;  width: 75px;margin: -18px 0 0 -6px ;margin: -16px 0 0 -6px\9;height:20px\9;overflow: hidden; ">
     <input type="file" id="txtFile" onchange="uploadFile()" name="upload" style="font-size: 200px;cursor: pointer;direction: rtl ！important; float: right\9; "/>
   </div>
 </a>

弹出文件选择框，可用与文件上传，或解析（适配所有浏览器）