vant uploader 一次性多图

Vant Uploader组件可以实现一次性上传多张图片。通过设置`multiple`属性为`true`，可以允许用户选择并上传多张图片。以下是一个示例代码：

<van-uploader
  :before-read="beforeRead"
  :after-read="afterRead"
  multiple
>
  <van-icon name="plus" />
</van-uploader>

在`beforeRead`方法中，可以对上传的图片进行处理，例如判断图片类型和大小等。

methods: {
  beforeRead(file) {
    console.log(file)
    if (!this.imageAccept.includes(file.type)) {
      return this.$notify('请上传 jpg/png 格式图片');
    }
    if (file.size > 3 * 1024 * 1024) {
      return this.$notify('图片不能大于3M');
    }
    // 处理图片上传逻辑
    // ...
  },
  afterRead(res) {
    // 处理上传成功后的逻辑
    // ...
  }
}

以上是使用Vant Uploader一次性上传多图的基本逻辑，你可以根据自己的需求进一步完善和定制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vant Uploader 上传多张图片设置status](https://blog.csdn.net/codingLeader/article/details/123656613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Vant Uploader实现上传一张或多张图片](https://blog.csdn.net/weixin_48409307/article/details/121657410)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]