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

发布时间:2021-01-18 14:46:23 作者:小新
来源:亿速云 阅读:5441

小编给大家分享一下微信小程序图片无法显示的解决方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

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

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

新建一个测试小程序

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

1.没有appid无法预览

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

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

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

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

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

可以看到图片正常显示了

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

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

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

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

本地资源无法通过 WXSS 获取

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

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

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

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

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

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

看完了这篇文章,相信你对“微信小程序图片无法显示的解决方法”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. 微信小程序如何实现图片上传
  2. 微信小程序 图片边框解决方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

小程序

上一篇:ps ai ae pr的作用分别是什么

下一篇:time模块怎么在Python中使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》