5***@qq.com
5***@qq.com
  • 发布:2021-05-15 17:33
  • 更新:2021-08-10 10:17
  • 阅读:2477

【报Bug】uniapp 安卓真机 显示不了 base64图片

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.13

手机系统: Android

手机系统版本号: Android 8.0

手机厂商: 华为

手机机型: mate 8

页面类型: vue

打包方式: 离线

项目创建方式: 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

2021-05-15 17:33 负责人:无 分享
已邀请:
z***@163.com

z***@163.com

有人解决了吗?!

  • 1***@189.cn

    问题已解决

    2021-08-10 10:11

  • 1***@qq.com

    回复 1***@189.cn: 怎么解决的啊?

    2022-11-21 17:59

s***@126.com

s***@126.com

有人解决了吗?

1***@189.cn

1***@189.cn

有解决的吗?

1***@189.cn

1***@189.cn


主要是请求base64图片,引用上下文问题引起,不是uniapp真机问题。上下文网页端运行没有,真机运作的时候,发现http请求下的this上下文引入错误

  • 1***@189.cn

    重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点

    需要使用uni.request请求

    2021-08-19 11:17

该问题目前已经被锁定, 无法添加新回复