前端数据流转base64

584 阅读1分钟

后台直接返回一张图片,前端通过接口获取后得到的是一段乱码,无法显示在页面上,通过转换成base64显示

axios.get(`https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592637784852&di=17c8b5adb08111570135363ca76e37c9&imgtype=0&src=http%3A%2F%2Fdmimg.5054399.com%2Fallimg%2Fpkm%2Fpk%2F13.jpg`, {responseType: 'arraybuffer'}).then(res => {  const imgUrl = 'data:image/png;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))  console.log(imgUrl)})