微信小程序上传图片实时预览

微信小程序上传图片实时预览可以通过以下步骤实现：

1. 添加一个用于显示图片的 `image` 组件，设置默认图片为占位符。
2. 添加一个用于选择图片的 `button` 组件，绑定 `bindtap` 事件处理函数。
3. 在事件处理函数中调用 `wx.chooseImage` 方法选择图片，并将选择的图片临时路径保存到变量中。
4. 将临时路径通过 `setData` 方法更新到 `image` 组件的 `src` 属性中，实现图片实时预览。

代码示例：

<view>
  <image src="{{tempFilePaths[0] || '/images/placeholder.png'}}" mode="aspectFill"></image>
  <button bindtap="chooseImage">选择图片</button>
</view>

Page({
  data: {
    tempFilePaths: [],
  },
  chooseImage: function() {
    const that = this;
    wx.chooseImage({
      count: 1,
      success: function(res) {
        that.setData({
          tempFilePaths: res.tempFilePaths,
        });
      },
    });
  },
});

在上述代码中，`tempFilePaths` 变量保存了选中的图片的临时路径。在 `image` 组件中，使用了三目运算符判断 `tempFilePaths` 是否为空，如果为空则显示占位符图片，否则显示选中的图片。在 `chooseImage` 方法中，调用了 `wx.chooseImage` 方法选择图片，并将选中的图片的临时路径保存到 `tempFilePaths` 变量中。最后，通过 `setData` 方法将 `tempFilePaths` 更新到 `image` 组件的 `src` 属性中，实现图片的实时预览。