Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在vue项目中下载带有blob和FileSaver.js的excel(.xlsx)变得越来越强大_Javascript_Vuejs2_Savefiledialog_Filesaver.js - Fatal编程技术网

Javascript 在vue项目中下载带有blob和FileSaver.js的excel(.xlsx)变得越来越强大

Javascript 在vue项目中下载带有blob和FileSaver.js的excel(.xlsx)变得越来越强大,javascript,vuejs2,savefiledialog,filesaver.js,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.

我试图通过在我的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')
}
但我无法打开该文件,它已损坏

试试这个

     return Vue.axios.get(`api/excel_sheet`, {
        responseType: 'blob',
      }).then(response => {
      FileSaver.saveAs(response.data, 'Export2.xlsx')
};

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

您对此仍有疑问吗?谢谢Mazino,实际上我缺少响应类型,您的解决方案正在运行。我还通过发送responseType='arraybuffer'和blob响应来解决它,然后保存它。谢谢@MazinoSUkah。。它像一个符咒一样奏效……)