后台返回的图片前端如何展示(如何获取)

实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片后台:直接返回一个图片问题:前端如何展示(项目用的是axios请求)解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求上代码:axios.request({url:"/abc/abc",//这里是你的请求urlresponseType:'blob',//这里最重要,不要去掉me

拿鼓思谱

11116人浏览 · 2021-07-14 16:23:53

拿鼓思谱 · 2021-07-14 16:23:53 发布

实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片
后台:直接返回一个图片

问题:前端如何展示(项目用的是axios请求)

解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求
上代码:

  axios.request({
  url:"/abc/abc",  //这里是你的请求url
  responseType:'blob',  //这里最重要,不要去掉
  method:'get'    //请求方式,看后台的需求,可能是get,post等方式
  }).then(res => {
         let blob = new Blob([res],{type: "image/png"});
          let url = window.URL.createObjectURL(blob);
          this.yanzhengImage=url;