微信小程序怎样使用本地图片

微信小程序中使用本地图片通常涉及以下几个步骤：

1. **获取用户授权**：首先，你需要在`app.json`文件的`permission`部分添加`scope.imagePicker`权限，以便获取用户的相册权限。

"permissions": {
  "scope.imagePicker": {
    "desc": "你的应用需要访问用户照片"
  }
}

2. **调用API**：在需要显示图片的地方，可以使用`wx.getImageInfo`方法请求用户选择图片，然后返回一个包含路径的对象。

wx.chooseImage({
  count: 1, // 可选，默认9，最多选择的图片张数
  sizeType: ['original', 'compressed'], // 可选，源图或压缩图，默认['original']
  success: function(res) {
    var tempFilePaths = res.tempFilePaths; // 返回选定图片的临时文件路径列表
    // 使用tempFilePaths处理图片并展示
  }
})

3. **加载图片**：你可以使用`wx.createSelectorQuery`创建查询对象，并用`selectNode`方法获取到img标签，然后设置其`src`属性为图片路径。

var query = wx.createSelectorQuery();
query.select('#your-image-id').fields({
  node: true,
  size: true
}).exec(function(res) {
  if (res[0]) {
    var imgElement = res[0].node;
    imgElement.src = tempFilePaths[0];
  }
});

4. **管理缓存**：微信小程序会自动缓存已使用的图片，但为了节省空间，可以手动清除过期的缓存。