uniapp:解决图形验证码问题及利用arraybuffer二进制转base64格式图片(后端传的图片数据形式:x00\x10JFIF\x00\x01\x02\x00…)

  • 场景:针对于图片验证码,切换图片验证码发送请求,后端返回x00\x10JFIF\x00\x01\x02\x00形式的图片数据,我们需要拿到数据进行处理后回显,(以及对我们输入的验证码进行校验:这里我会重新发个文章进行说明)

  •  数据结构分析:

这里我用的是promise进行封装的,最终返回了4个字段:

  • 解决方式

通过该请求返回的数据我们肯定是回显不了图片的,data不是我们需要的图片路径或者base64格式,需要处理:

1、请求获取图形码接口时设置响应类型reponseType为arraybuffer

2、使用uni.arrayBufferToBase64(arrayBuffer)此api处理请求结果(需要注意的是:base64转码后的字符串需要添加data:image/png;base64前缀)

  • 代码如下

-- 接口代码请求封装:

-- 请求接口: 

 返回的格式查看:

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值