【通用】前端处理后台返回的图片控制台输出是乱码

使用接口后发现返回的是乱码 

第一步：在请求接口上添加responseType

export function downcode (params) {
    return request({
        url: `/admin/downcode`,
        method: 'get',
        responseType: 'arraybuffer',  //需要在此处设置请求头
        params
    })
}

之后接口就会返回一个数组

第二步：把这个数组转换成base64即可

async getform () {
      const res = await downcode(); //下载二维码
      console.log(res);
      this.Form.imageUrl = `data: image/jpeg;base64,${btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`
    },

注意：new Uint8Array(res)中的res是后端返回的数据