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 回复

有人解决了吗?!

更多关于uni-app 安卓真机显示不了 base64图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html


问题已解决

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

有人解决了吗?

问题已解决

有解决的吗?

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

重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点重点 需要使用uni.request请求

回到顶部