收藏
回答

image组件在真机调试中无法显示图片?

问题代码:

 <image src="{{current.main}}" style="width: 90%;height: 45%;min-height: 400rpx;"></image>


以上代码在开发者平台,可以正常显示图片,current.main是云文件的ID,但是在真机调试时无法显示图片。

然而在删除了image的样式代码,即改成

<image src="{{current.main}}" ></image>


之后,开发工具和真机调试都可以正常显示图片。。。这是个bug???

(以下都指开发工具没问题,真机调试的有问题)没有加样式时正常显示:

加了样式图片无法显示:

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

3 个回答

  • LDB♡
    LDB♡
    2020-06-04

    楼主后来怎么解决的 我现在 page 设成 100% 在工具可以, 真机调试就不行. 随意设个固定高度就在真机有显示

    2020-06-04
    有用
    回复 3
    • Darren i
      Darren i
      2020-06-05
      检查一下父组件是否有设置长宽
      2020-06-05
      回复
    • LDB♡
      LDB♡
      2020-06-05回复Darren i
      谢谢 后来解决了 换成在线地址就好了
      2020-06-05
      回复
    • 蚊子别叮我
      蚊子别叮我
      2023-03-17回复LDB♡
      擦,这个狗屎组件,线上地址不好使,在开发工具嘎嘎好使
      2023-03-17
      回复
  • 睡前原谅一切
    睡前原谅一切
    2020-04-10
    <image src="{{xxxx}}" style="width: 400rpx;height: 300rpx;" mode="widthFix"/>
    
    2020-04-10
    有用
    回复 2
    • Darren i
      Darren i
      2020-04-10
      谢谢您的回复,我发现只要设置了固定高度,真机调试就可以正常显示。。开发工具则不论用百分比还是固定高度都可以正常显示?这是什么问题呢。。。
      2020-04-10
      回复
    • 睡前原谅一切
      睡前原谅一切
      2020-04-10回复Darren i
      百分比没有一个父级元素做对比。这个百分比对应的是page。高度是0.。。
      2020-04-10
      回复
  • 祺爸💎
    祺爸💎
    2020-04-10

    你好,请提供能复现问题的简单代码片段

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    --↓↓👍点击“有用”是回答的动力哦

    2020-04-10
    有用
    回复 1
    • Darren i
      Darren i
      2020-04-10
      谢谢您的回复,然而我还是菜鸟。。并不知道截出这个代码片段。。应该是wxml还有wxss的问题。我发现只要设置了固定高度,真机调试就可以正常显示。。开发工具则不论用百分比还是固定高度都可以正常显示?这是什么问题呢。。。
      2020-04-10
      回复
登录 后发表内容
问题标签