angular4使用FileSaver.js下载文件

1.首先下载插件

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';

3.使用
click(){

      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

}

你可能感兴趣的:(angular4)