vant微信小程序 uploader 上传图片回显

上传图片并回显可以通过以下步骤实现：

1. 在小程序中引入vant组件库中的uploader组件。

2. 使用uploader组件上传图片，调用成功后会返回一个图片链接。

3. 将上传成功的图片链接保存到本地，并在页面中显示出来。

以下是一个简单的示例代码：

<van-uploader 
  :url="url" 
  :max-count="maxCount" 
  :before-upload="beforeUpload" 
  @success="onSuccess">
</van-uploader>

export default {
  data() {
    return {
      url: 'https://yourserver.com/upload',
      maxCount: 1,
      uploadedImages: [],
    };
  },
  methods: {
    beforeUpload(file) {
      // 可以在此处对上传的文件进行处理，如压缩、裁剪等
      return true;
    },
    onSuccess(response) {
      // 上传成功后的回调函数
      this.uploadedImages.push(response.url);
    },
  },
};

注意：上传成功后的图片链接需要保存到本地，否则在刷新页面后数据会丢失。可以使用小程序中的Storage API或者将图片链接保存到服务器上。在页面中显示图片可以使用小程序的Image组件，将图片链接作为src属性值即可。