### [微信小程序图片无法显示怎么办？](https://www.prosaas.cn/article/16649)

**Published:** 2020-06-11T10:10:24

**Author:** 5201314

**Excerpt:** 微信小程序图片无法显示怎么办？解决微信小程序图片无法显示的办法：新建一个测试小程序按照提示的操作就可以了，没有…

![](https://img.php.cn/upload/article/000/000/052/5ee1fc2f45a27180.jpg)

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

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

新建一个测试小程序

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

1.没有appid无法预览

![](https://img.php.cn/upload/image/438/320/784/1591868387339302.png)

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

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

![](https://img.php.cn/upload/image/273/240/243/1591868392339511.png)

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

可以看到图片正常显示了

![](https://img.php.cn/upload/image/659/881/553/1591868397410276.png)

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

![](https://img.php.cn/upload/image/302/300/501/1591868403830577.png)

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

本地资源无法通过 WXSS 获取

background-image：可以使用网络图片，或者 base64，或者使用标签

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

![](https://img.php.cn/upload/image/132/696/986/1591868414351722.png)

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

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

![](https://img.php.cn/upload/image/354/818/226/1591868425292789.png)

推荐教程：《小程序》

以上就是微信小程序图片无法显示怎么办？的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---