收藏
回答

微信小程序页面展示base64图片,开发者工具上显示正常,真机调试在手机端就显示空白?

<view style="background-image:url(data:image/png;base64,{{docmPhoto}});width: 100px; height: 100px;"></view>

之前一直正常,最近给线上发布了一个版本才发现了这个问题

回答关注问题邀请回答
收藏

2 个回答

  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    11-14

    你可以下载到本地,然后放本地地址到src里面

    11-14
    有用 1
    回复 2
    • en
      en
      11-14
      这样也可以,我的做法是将data:image/png;base64 字符串拼接在接口返回后的base64字符串前面,页面直接用 background-image:url({{item.docmPhoto}})
      11-14
      回复
    • 那一抹笑😃 穿透阳光
      那一抹笑😃 穿透阳光
      11-14回复en
      我一般都是拼接之后下载到本地然后使用的,兼容性好点
      11-14
      回复
  • en
    en
    11-14

    真机调试报了这么个错误

    11-14
    有用
    回复 1
    • en
      en
      11-14
      发现问题了,为什么真机调试  base64, 这个字符被去掉了,之前一直正常着
      11-14
      回复
登录 后发表内容