常见我们会遇到下载一个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文档