uni-app 安卓真机显示不了 base64图片
uni-app 安卓真机显示不了 base64图片
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | win10 | HBuilderX |
示例代码:
const that = this
uni.request({
url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=&secret=',
success: (res) => {
const token = res.data.access_token
that.getCode(token)
}
});
getCode(token) {
const that = this
uni.request({
url: 'https://api.weixin.qq.com/wxa/getwxacode?access_token=' + token,
method: 'POST',
data: {
path: `pages/invite/index?connecterID=${that.brokerId}connecterName=${that.brokerName}&storeCode=${that.agencyCode}&storeName=${that.agencyName}`,
width: 320,
auto_color: false, // 自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调
line_color: {
"r": "0",
"g": "0",
"b": "0"
} // auto_color 为 false 时生效,使用 rgb 设置颜色
},
responseType: 'arraybuffer', //设置响应类型
success: (res) => {
that.wxCode = "data:image/PNG;BASE64," + uni.arrayBufferToBase64(res.data)
}
})
}
操作步骤:
- 进入页面生成base64并赋值给image标签 src属性
预期结果:
- 安卓真机显示base64图片
实际结果:
- 安卓真机不显示base64图片
bug描述:
uniapp 安卓真机 显示不了 base64图片
调用微信api生成小程序码, 将uni.arrayBufferToBase64转成"data:image/PNG;BASE64,"+base64,
将base64 放在 image 标签 src 中,H5端能正常显示,或直接用浏览器也能打开,安卓真机显示不了,
附件为生成的 base64
更多关于uni-app 安卓真机显示不了 base64图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html
8 回复
问题已解决
回复 1***@189.cn: 怎么解决的啊?
有人解决了吗?
问题已解决
有解决的吗?
主要是请求base64图片,引用上下文问题引起,不是uniapp真机问题。上下文网页端运行没有,真机运作的时候,发现http请求下的this上下文引入错误
重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点 需要使用uni.request请求

