使用axios下载文件流

https://www.jianshu.com/p/ea9e96a4d084

https://www.jianshu.com/p/a79c176688de

 

axios({
      method: "post",
      url: "你的url"
      // 这里可以在header中加一些东西,比如token
    })
      .then(res => {
        console.log("response: ", res);
        // new Blob([data])用来创建URL的file对象或者blob对象
        let url = window.URL.createObjectURL(new Blob([res.data])); 
        // 生成一个a标签
        let link = document.createElement("a");
        link.style.display = "none";
        link.href = url;
        // 生成时间戳
        let timestamp=new Date().getTime();   
        link.download = timestamp + ".pdf";   
        document.body.appendChild(link);
        link.click();
      })
      .catch(error => {
        console.log("response: ", error);
      });

vue使用axios下载zip,打开提示文件损坏

解决办法:在调用后端接口的时候增加两个参数:

responseType: ‘blob‘,headers:{ ‘Content-Type‘: ‘application/json; application/octet-stream‘},

使用axios下载文件流

使用axios下载文件流

上一篇:JS 学习笔记--10---基本包装类型


下一篇:oracle查看锁表进程,杀掉锁表进程[转载]