首页 >微信小程序 >小程序开发 > 正文

微信小程序图片无法显示怎么办?

原创2020-06-11 18:10:2406263

微信小程序图片无法显示怎么办?

解决微信小程序图片无法显示的办法:

新建一个测试小程序

按照提示的操作就可以了,没有 appid选择体验的即可

1.没有appid无法预览

56f606921dbd352a2af119ade108dd1.png

2.给标签元素设置背景图片

但是并没有显示背景图片,只显示了设置的背景颜色。

eb3620efb5920b95efadd4aa62a296f.png

3.是否是图片的路径错误呢?我们通过image标签查验一下

可以看到图片正常显示了

d047103fed5cc10d5c790ae4ce052b9.png

4.上述说明我们图片路径引入并没有错误 ,查看控制台,背景图片已经报错了

8682e56d8f90916af28cfa9a375ec0b.png

5.上诉错误提示我们了解到

本地资源无法通过 WXSS 获取

background-image:可以使用网络图片,或者 base64,或者使用<image/>标签

我们验证一下确实得到了预期的效果

bd06bffd7fd11cd83c379899b5d3f1d.png

6.还有一点,报错信息中说wxss无法获取本地资源,那么我们用行内样式查看是否可以,删除wxss中的背景。

通过测试我们得到了想要的结果。

f5759dc89314aea312d04893bb85d6d.png

推荐教程:《小程序

以上就是微信小程序图片无法显示怎么办?的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:图片无法显示
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1416
    浅析php简单操作mysql锁机制3028
    php无法加载mysql怎么办1601
    推荐视频教程
  • 微信小程序开发从入门到精通视频教程微信小程序开发从入门到精通视频教程
  • 轻松玩转微信小程序开发与制作视频教程轻松玩转微信小程序开发与制作视频教程
  • 微信小程序初级开发视频教程微信小程序初级开发视频教程
  • 开发微信小程序视频教程开发微信小程序视频教程
  • 视频教程分类