angular4使用FileSaver.js下载文件

1.首先下载插件npm

npm install file-saver --save
bower install file-saver
若是要安装 Typscript 声明
npm install @types/file-saver --D
下载完成之后在package.json中能够确定

clipboard.png

2.引入
在使用这个插件的ts引入
import { saveAs } from 'file-saver';json

3.使用
click(){app

let blob = new Blob([res], {  // res表明后台返回的数据流
        type:
          'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
      }); //以二进制形式存储,并转化为Excel
      let fileName = 'name' + '.xls';  //自定义导出excel表名字,这里使用 name代替
      saveAs(blob, fileName); //这里使用了文件导出插件FileSaver.js

}spa

相关文章
相关标签/搜索