小记:后端传递乱码图片的转换以及上传头像是预览时封装

有时候后端传递的直接是一张图片，打印出来就是乱码

发请求的时候加一个blob

export const tupyz = ()=> {
    return axios({
        url: '/api/captcha',
        method: 'get',
        responseType: 'blob'
    })
}

调用后转换成new Blob就行了

  this.$api.personal.tupyz().then(res => {
        let blob = new Blob([res]);
        let url = window.URL.createObjectURL(blob);
        this.captchaimg = url;
      });

上传头像预览的方法
new一个FileReader即可

  var reader = new FileReader();
          var that = this;
          reader.readAsDataURL(file);
          reader.onload = function(e) {
       this.img=e.target.result
          };