在当今商业社会中，微信小程序已经成为越来越多企业接触用户的重要方式。其中，图片是小程序开发中必不可少的元素之一。那么，在使用微信小程序开发时，如何加载本地图片呢？以下就详细介绍。

1. 将图片放入项目文件夹

首先，我们需要将要使用的图片放入小程序项目的某个文件夹下，例如在根目录下创建img文件夹，并将图片放入其中。

2. 在wxml文件中引用图片

接着，在需要显示图片的wxml文件中使用img标签，并设置src属性为图片的路径。需要注意的是，路径应该以“/”开始，并且不能包含协议名称。

3. 加载网络图片

如果需要加载网络上的图片，只需要将src属性设置为网络图片的链接即可。需要注意的是，由于小程序中无法使用http协议，因此需要使用https协议。

4. 动态加载图片

有时候，我们需要动态地加载图片，例如用户上传的图片或者从服务器获取的图片。可以在js文件中通过setData方法来更新图片的路径：

``` Page({ data: { imgUrl: '' }, onLoad: function () { var that = this wx.request({ url: 'http://www.example.com/img.php', success: function (res) { that.setData({ imgUrl: res.data.imgUrl }) } }) } }) ```

5. 总结

以上就是关于微信小程序加载本地图片的基本方法。通过将图片放入项目文件夹并在wxml文件中引用，可以方便地显示本地图片；通过设置图片的src属性为网络图片链接，可以加载网络图片；而通过动态修改setData方法来实现图片路径的更新，则可以满足各种动态加载图