js 返回的数据流 进行文件下载

发起请求，后台返回二进制数据流，进行下载

import request from "@/router/axios";     //引入封好的请求

// 请求方法
export function getDown(obj) {
  return request({
    url: "接口",
    method: "get",
    params: obj,
    responseType: "arraybuffer",          //设置请求的方式，后台返回数据流，就要设置 arraybuffer 。
  }).then(({ data }) => {
    // 处理返回的文件流（data  是后台返回的数据流） new Blob  里面，type 是要下载的各类文件类型
    let blob = new Blob([data], { type: "application/vnd.ms-excel" });
    let objectUrl = (window.URL || window.webkitURL).createObjectURL(blob);
    let downFile = document.createElement("a");
    let fileName = "设置下载出来的文件名.xls";       
    downFile.style.display = "none";
    downFile.href = objectUrl;
    downFile.download = fileName;          // 下载后文件名
    document.body.appendChild(downFile);
    downFile.click();
    document.body.removeChild(downFile);   // 下载完成移除元素
    // window.location.href = objectUrl
    window.URL.revokeObjectURL(objectUrl); // 只要映射存在，Blob就不能进行垃圾回收，因此一旦不再需要引用，就必须小心撤销URL，释放掉blob对象。
  });
}                

 

 

根据文件地址下载：

blodDownloadFn(data,fildName){
            let url = window.URL.createObjectURL(new Blob([data]))
                let link = document.createElement('a')
                link.style.display = 'none'
                link.href = url
                link.setAttribute('download', fildName)
                document.body.appendChild(link)
                link.click()
                document.body.removeChild(link) //下载完成移除元素
                window.URL.revokeObjectURL(url) //释放掉blob对象
        },

    // 下载文件事件
    downLoadFile(info=‘文件信息，无用，只需找到http地址放入下面URL即可’,source=‘来源，无用’){
        console.log(source,"下载文件",info);
        let fileName = info.response.filename.split('.')[1] 
        let url = info.origin_url || info.url || info.thumbUrl
        const xhr = new XMLHttpRequest();
        xhr.open('get', url, true);
        xhr.responseType = 'blob';
        xhr.onload = ()=> {
            // 返回文件流，进行下载处理
            this.blodDownloadFn(xhr.response,info.name +'.'+ fileName);
        };
        xhr.send(); // 不要忘记发送
    },