当前位置 博文首页 > 天生欧皇张狗蛋:前端接口处理图片流转化为Base64

    天生欧皇张狗蛋:前端接口处理图片流转化为Base64

    作者:[db:作者] 时间:2021-09-02 13:35

    一、声明接口

    export function getQrCode(params) {
        return request({
            url: '/api/qr-code',
            method: 'get',
            params,
            responseType: 'arraybuffer'
        })
    }
    

    注意
    需要增加responseType: 'arraybuffer'设置该值能够改变响应类型(关键这句话),是告诉服务器期望的响应格式。

    二、方法引用

    getQrCode({ content }).then((res) => {
       this.transformArrayBufferToBase64(res);
    });
    

    三、转换方法

    
    
    transformArrayBufferToBase64(res) {
          let rqCodeImg =
            "data:image/png;base64," +
            btoa(
              new Uint8Array(res).reduce(
                (data, byte) => data + String.fromCharCode(byte),
                ""
              )
            );
          this.rqCodeImg = rqCodeImg;
    }
    
    cs
    下一篇:没有了