js下载excel表格,下载pdf

常见我们会遇到下载一个excel表格模板或者下载一个可以查看的PDF文档。

---

下载excel表格或者下载一个pdf文档，主要是通过两点来实现的：

1- 在webpack里面配置loader

2- 设置下载的文件格式

---

第一步： 设置下载文档的格式，并引入下载文件

JS代码：

import systemPdf from './group.xls';

HTML代码：

 <a href={systemPdf}  download="application/xls">
       <div className="sys-operation-download">
           下载模板
       </div>
 </a>

这里的group.xls 你可以随便给一个excel 表格就行。

第二步： 在webpack里面配置loader

项目—build—webpack.base.conf.js 配置loader

---

如果下载的文件是PDF文档的话，只需要设置：

1- download=”application/pdf”

2- 在webpack.base.conf.js 的 loader 后面配置PDF

3 -引入PDF文档