前端接受后端 blob 文件流 并进行展示和下载

https://blog.csdn.net/josiecici/article/details/109089904 

//请求时指定响应类型
responseType:arraybuffer
var blob = new Blob([res], {
          type: "application/octet-stream;chartset=UTF-8"
var blob = new Blob([res], {
     type: "application/pdf;chartset=UTF-8"
var url = window.URL.createObjectURL(blob);
var a = document.createElement("a");
a.href = url;
a.click();

example:


axios({
              method: "get",
              url: "http://192.168.1.231:55553/api/1/meeting/file/down",
              params: query,
              headers: {
                "CONFERENCE-AUTH-TOKEN": sessionStorage.getItem("TOKEN"),
                "CONFERENCE-AUTH-RANDOM": sessionStorage.getItem("RANDOMTOKEN"),
                "Content-Type": "multipart/form-data",
              responseType: "arraybuffer",
            }).then((res) => {
              console.log(res);
              //res为接口所返回的文件流
              var blob = new Blob([res.data], {
                type: "application/pdf;chartset=UTF-8",
              //新窗口打开
              var link = document.createElement("a");