如何使用Axios下载文件?

t2a7ltrp  于 2023-06-05  发布在  iOS
关注(0)|答案(1)|浏览(195)

我正在使用Vue js向后端API发出post请求。响应数据应下载到zip文件中。虽然该文件下载为zip文件,我得到一个错误,当我试图打开该文件。错误信息:Windows无法打开该文件夹。压缩(zipped)文件夹“.......\test.zip”无效。
下面是我的vue代码

let config = {
    Headers: {
      "Content-Type": "multipart/form-data",
      responseType: "blob",
    },
  };
  axios
    .post(
      `http://localhost:5050/generator`,
      this.forms,
      config
    )
    .then((response) => {
      const zipName = "test";
      this.forms = {
        productName: "",
        companyName: "",
      
      };
      const url = window.URL.createObjectURL(
        new Blob([response.data], { type: "application/zip" })
      );
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", zipName + ".zip"); 
      document.body.appendChild(link);
      link.click();
    });

更新

我用了这个密码

function _base64ToArrayBuffer(base64) {
          var binary_string = window.atob(base64);
          var len = binary_string.length;
          var bytes = new Uint8Array(len);
          for (var i = 0; i < len; i++) {
            bytes[i] = binary_string.charCodeAt(i);
          }
          return bytes.buffer;
        }

将其转换为UintArray。我收到另一个错误'DOMException:无法在“Window”上执行“atob”:要解码的字符串编码不正确。'

guykilcj

guykilcj1#

可以使用FileSaver

import SaveAs from "file-saver";

.....
.then((response) => 
{
  ....
  saveAs(new Blob([response.data], { type: 'application/octet-stream' }), response.filename, { autoBOM: false });
}

相关问题