微信小程序使用本地图片在真机预览不显示的问题解决

前端小凯2023-09-01 0:04

开发工具上本地图片可以显示，但是在真机上预览的时候不能显示

通常我们代码路径是代码是这样写的：

html 复制代码

<view class="logo">
     <image src="../../img/e8591fd7b1043bd3b4eb07d86243b5b.png"></image>
</view>

最后发现路径这样写在真机预览上无法显示

解决办法

路径需要相对于根目录来写

html 复制代码

<view class="logo">
     <image src="/img/e8591fd7b1043bd3b4eb07d86243b5b.png"></image>
</view>

路径直接使用网络图片地址写

html 复制代码

<view class="logo">
     <image src="https://s3.bmp.ovh/imgs/2021/11/97b53956451470ab34.png"></image>
</view>

这样就可以解决真机预览图片不显示问题了