转化后台返回来的二进制流图片

后台返回数据---图片乱码问题---上图

1084095-20180828204259776-214273361.png

这篇文章主要关于如何将请求到的图片乱码转化为图片src可识别的信息，其实到后来才知道原来乱码这里的乱码指的是二进制流数据--并非真正意义上的乱码的src路径也可以直接放入到src中使用
下面上干货，主要是转化后台返回来的二进制流图片

 axios.get('url',{
          params:{
            key:this.key                           //这里是请求接口书需要传的数据
          },
          responseType: 'arraybuffer'   //这里是声明期望返回的数据类型
        }).then(response => {              //这里的第一次处理后台返回来的二进制留数据 转化为base64
                                                       //这里的data数据是后台返回来的，这里的key是params中的键值（byte）
          return 'data:image/png;base64,' + btoa(
            new Uint8Array(response.data).reduce((data, key) => data + String.fromCharCode(key), '')
          )
        }).then( data =>{                   //这一次箭头函数是依赖于第一次.then函数处理的data值
          console.log(data)
          this.imgsrc=data
        })
      },

应用场景

如图片验证码.........本文纯属技术分享....并未它意