前端接收后端传入的文件流文件，进行下载

前端接收后端传入的文件流文件，进行下载 - 前端笔记-先要在响应里面指定响应结果为blog axios中配置响应结果是 blog，其他请求方式大同小异 exportconstcreateJdysbgPdf&n...

首页>> web前端 >>前端接收后端传入的文件流文件，进行下载 - 前端笔记

2021-5-8

分类： web前端

文章作者：痴迷

先要在响应里面指定响应结果为blog axios中配置响应结果是 blog，其他请求方式大同小异 export const&nb......

先要在响应里面指定响应结果为blog
axios中配置响应结果是 blog，其他请求方式大同小异

		export const createJdysbgPdf = data => request({
	
		  url: 'api/admin/pdf/createJdysbgPdf.do',
	
		  method: 'post',
	
		  responseType: 'blob',
	
		  contentType: 'application/x-www-form-urlencoded;charset=UTF-8',
	
		  data
	
		})

在下载的地方把接受到的bolb 通过URL.createObjectURL转成URL 利用a标签动态下载文件

		/*
	
		  pdf 以bolb形式下载
	
		*/
	
		createJdysbgPdf({id:"1",cid:"19"}).then(x => {
	
		  const fileName = 'dbsgw.pdf'
	
		  const blob = new Blob([x.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
	
		  if (navigator.msSaveBlob) {
	
		    navigator.msSaveBlob(blob, fileName)
	
		  } else {
	
		    const link = document.createElement('a')
	
		    link.href = URL.createObjectURL(blob)
	
		    link.download = fileName
	
		    link.click()
	
		    URL.revokeObjectURL(link.href)
	
		  }
	
		})