美文网首页
微信小程序加载本地图片时“../”的使用

微信小程序加载本地图片时“../”的使用

作者: 明天就去 | 来源:发表于2018-04-12 09:18 被阅读462次

从网上百度来的资料对    ../     /     ./    三种相对路径的介绍:

百度

在小程序中具体使用的时候就是先弄清存放图片的目录,然后找到当前文件和图片地址的关系,然后用../一级级返回到具体目录

注意:../是返回父级目录,例:

例图

目前在classroom.wxml文件中如果想使用class目录下的图片文件,

则地址为:src="images/example.png"

如果在classroom.wxml文件中想引用index目录下的btn_add.png文件

地址:src="../index.images/btn_add.png"(../的作用回到class目录下,而index是和class同级的目录,所以../后可以直接找到index)

小技巧:

        微信小程序中,图片压缩:经试验,本地图片最好使用格式为svg的图片,和jpg、png的使用方式一样,但是占用空间很小,如果程序超过了2M的限制,可以让美工将占空间比较大的图标换为.svg格式,可以节省不少空间哦...

相关文章

网友评论

      本文标题:微信小程序加载本地图片时“../”的使用

      本文链接:https://www.haomeiwen.com/subject/knotkftx.html