前端处理后端图片流乱码问题并解决axios返回值问题

前端处理后端图片流乱码问题并解决axios返回值问题

this.dealImg(url).then((data)=>{
// data就是dealImg的返回结果，也就是.then里面取得的data，拿到值后就可以在这里处理了
	console.log(data);
})
dealImg(url) {   
    // 处理后端传过来的图片流乱码问题
      if (url) {
       return new Promise((resolve,reject)=>{
             this.$axios
          .get("url", {
            params: {
              pic_path: url
            },
            responseType: "arraybuffer"
          })
          .then(res => {
            return ("data:image/jpeg;base64," +btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), "")));
          })
          .then(data => {
            resolve(data)                                  
          })
          .catch(err => {
          });
        })       
      }
    },

参考链接