[游戏开发] 将arraybuffer数组转换成base64

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> 将arraybuffer数组转换成base64 -> 正文阅读

[游戏开发]将arraybuffer数组转换成base64

工作记录

后端传回的验证码格式是arraybuffer格式，需要将其转换成二进制，再转换成base64格式的图片

axios

export const getVerificationCode = () => {
    return service({
        method: 'post',
        url: "/api/sysUser/image",
        responseType: 'arraybuffer'
    })
}

html:
<img class="codeimg" :src="imgSrc" @click="getImage">

 首先在调用一次
  created() {
    this.getImage()
  },
 
 data:
 imgSrc: '',
 

方法：
    async getImage() {
      let res = await getVerificationCode();
      let array = res.data;
      let imageData = "data:image/png;base64," + btoa(
          new Uint8Array(array).reduce(
              (data, byte) => data + String.fromCharCode(byte), ""
          )
      )
      this.imgSrc = imageData;
    }