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

相關文章
相關標籤/搜索