10年匠心专业提供互联网设计开发方案

原创设计定制开发

满足您的个性化需求

对接下载类接口

js vae blob

对接下载接口时，需要对接口返回的进行处理

// 封装get请求
	GET(token,data,api,responseType){
		//参数
		let params = data
		// token请求头
		let headers = {}
		headers.Authorization = token
		return axios.get(api, {
			params,
			headers,
			responseType,
		  })
	},

 xiazaitupian(pictureUrl,id){
			 this.$Request.GET(sessionStorage.getItem('token'),{pictureUrl:pictureUrl},"/teamMember/" + id + "/picture",'blob').then(res=>{
				  // console.log("/teamMember/" + id + "/picture")
				  console.log(res)
				  if(res.data.status == 0){
					  this.$message({
						type: 'info',
						message: res.data.message
					  });
				  }
				  // 如果接口里有名字使用线面三行可以得到名字,没有就自己写一个吧
				  var content = res.headers["content-disposition"];
				  //var name = content && content.split(";")[1].split("filename=")[1];
				 // var fileName = decodeURIComponent(name);
				 
				 //文件名
				 var fileName = res.data.size;
				  var blob = new Blob([res.data], {
					  //这里是文件类型
				  	type: "image/jpeg;charset=utf-8;"
				  });
				  var downloadElement = document.createElement("a");
				  var href = window.URL.createObjectURL(blob);
				  downloadElement.href = href;
				  downloadElement.download = fileName;
				  document.body.appendChild(downloadElement);
				  downloadElement.click();
				  document.body.removeChild(downloadElement);
				  window.URL.revokeObjectURL(href);
				      
			  })
		  },