前端解析后端返回文件流格式数据

当后端接口返回数据是一个文件流数据时,如下后端返回给我的是一个pdf文件流数据

methods: {
			gotoPri() {
				protocolApi().then(res => {
					this.createPdf(res.data,'XXX协议')
				})
			},
			createPdf(res, name) {
                  // Blob构造函数返回一个新的 Blob 对象并指定type类型。
			      let blob = new Blob([res], {
			        type: "application/pdf",
			      });
			      let fileName = name;
			      // 允许用户在客户端上保存文件
			      if (window.navigator.msSaveOrOpenBlob) {
			        navigator.msSaveBlob(blob, fileName);
			      } else {
                  // window.URL.createObjectURL方法会根据传入的参数创建一个指向该参数对象的URL
					  let url = window.URL.createObjectURL(blob)
                  // 直接打开url
					  window.open(url)
	              // 释放内存
					  window.URL.revokeObjectURL(link.href);
			      }
			    }
            }

相关推荐

  1. 返回文件格式前端vue 导出下载表格

    2024-02-22 10:22:01       11 阅读
  2. 返回文件pdf 下载

    2024-02-22 10:22:01       18 阅读
  3. 前端预览pdf文件(返回pdf文件)

    2024-02-22 10:22:01       8 阅读
  4. 前端处理axios请求下载返回文件

    2024-02-22 10:22:01       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-22 10:22:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-22 10:22:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-22 10:22:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-22 10:22:01       20 阅读

热门阅读

  1. 网络安全专业术语中英对照指南

    2024-02-22 10:22:01       24 阅读
  2. R语言【sp】——定义控件光栅

    2024-02-22 10:22:01       21 阅读
  3. # 二进制+Html

    2024-02-22 10:22:01       30 阅读
  4. c语言之continue

    2024-02-22 10:22:01       24 阅读
  5. HTML---html面试题

    2024-02-22 10:22:01       27 阅读