在vue项目中使用blob和FileSaver.js下载excel(.xlsx)获得coruppted

时间:2018-01-10 06:35:34

标签: javascript vuejs2 savefiledialog filesaver.js

我试图通过在我的Vue项目中发送Api请求来下载文件,并且使用响应数据我尝试使用blob和FileSaver.js保存文件

sendAjaxCall.then(response => {
      let file = new Blob([response.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'})
      FileSaver.saveAs(file, 'Export2.xlsx')
}

但我无法打开文件,它已被破坏。

1 个答案:

答案 0 :(得分:10)

试试这个

<script src="https://code.highcharts.com/highcharts.src.js"></script>

<div id="container" style="height: 400px"></div>

你需要将响应类型指定为blob