组件属性为图片的,需要写图片的绝对路径

Posted qq254980080

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组件属性为图片的,需要写图片的绝对路径相关的知识,希望对你有一定的参考价值。

组件属性为图片的,需要写图片的绝对路径,如果写相对路径,会默认为组件中的相对路径

my文件夹:

技术图片

images文件夹中含有 default-avatar.png 图片

 

my.wxml中使用组件,错误方法:属性中的图片路径为相对路径

<l-avatar src="images/default-avatar.png" />

 报错,不能加载本地图片,因为路径默认为组件中的相对路径了(/miniprogram_npm/lin-ui/avatar/images/default-avatar.png),而组件中没有这个图片

技术图片

 

 

 

my.wxml中使用组件,正确方法:属性中的图片路径,需要修改为 绝对路径

<l-avatar size="140" src="/pages/my/images/default-avatar.png" />

 

以上是关于组件属性为图片的,需要写图片的绝对路径的主要内容,如果未能解决你的问题,请参考以下文章

pb如何设置图片相对路径

图片 保存 绝对路径和相对路径的讨论

wpf image控件 绑定本地磁盘的图片 绝对路径的应该怎么写

CSS引用图片相对路径符号怎么写?

flutter 图片组件

img src=路径 总是显示不出图片 老是一把XX 新手学网页求解决