微信小程序加载本地图片方法

目录结构如下,只要图片按正确的方式放入小程序的开发工具的项目中,即可在wxml文件中用内联样式或者image标签都可以引用本地的图片。

步骤一微信开发工具 打开项目

微信小程序加载本地图片方法

 

步骤二:新建个文件夹(放项目的一级或者二级目录都可以),然后把图片拷贝到这个目录下。

注意:一定要用你从 微信开发工具  打开的项目window窗口完成新建文件夹和把图片copy到这个目录下的这两个步骤

微信小程序加载本地图片方法

 

步骤三:相对路径去访问图片,可以用style样式的方式或者image标签

微信小程序加载本地图片方法

 

而外:

不能用wxml样式去引用本地的图片,不会报错,也没效果

微信小程序加载本地图片方法

 

微信小程序加载本地图片方法

上一篇:tp5上传图片添加永久素材到微信公众号


下一篇:【微信小程序】--bindtap参数传递,配合wx.previewImage实现多张缩略图预览