微信小程序图片加载不出来 小程序不显示图片

小程序开发

2021-05-16

  我们在开发小程序项目的时候,经常会遇到图片资源加载不出来或者图片不显示的情况,遇到这种问题需要针对不同情况具体分析,对于刚接触开发项目的同学,可能会入坑,今天厦门在乎科技为大家带来微信小程序图片加载不出来的解决方法,一起来了解一下吧。

  

微信小程序图片加载不出来 小程序不显示图片


  微信小程序图片加载不出来:

  首先图片的路径分两种:

  1.本地的图片如images文件夹下面的如:/images/1.jpg

  2.网络链接的图片

  造成的原因有:

  1.注意是<image />,不是<img />标签

  2.图片路径不正确,注意父目录是:../

  同级目录:./

  根目录:/

  

微信小程序图片加载不出来 小程序不显示图片


  小程序背景图片不显示:

  开发小程序的时候,设置页面的背景,用到css代码:

  .page__bd{

  width: 100%;

  height: 220px;

  background: url('../../assets/img/images.jpg') no-repeat;

  background-size: 100% 100%;

  }

  在调试工具上是显示的,但是扫面上传到手机上却显示不出来。

  这是由于:background-image 只能用网络url或者base64图片编码 , 本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。

  

微信小程序图片加载不出来 小程序不显示图片


  以上就是今天为大家带来的关于“微信小程序图片加载不出来 小程序不显示图片”全部内容,整体来说,图片不显示的问题处理起来比较简单,几个比较容易碰到的点注意一下就好了,想要了解更多关于小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发

即刻联系「在乎科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区莲花南路6号北方大厦601单元

公司地址