小程序结合Vant Weapp实现多张图片的上传和预览

前言：

不太懂为啥Vant Weapp的官方文档明明可以写全代码，却只放了一部分出来，关于云开发的案例也是写得蛮晦涩难懂的，参考了以下的文档：
云开发能力基础讲解
小程序官方文档wx.cloud.uploadFile
vant Weapp官方文档Uploader 文件上传

参考了这位博主的文章
微信小程序云开发图片上传实现预览（配合vant Weapp使用）

实现效果预览：

上传成功前显示图片正在加载，上传成功才显示图片

WXML代码：

<view class="image-uploader">
	<!-- 文件上传 -->
	<van-uploader file-list="{
   { fileList }}"
	deletable="{
   { true }}" 
	use-before-read
	bind:before-read="beforeRead"
	bind:after-read="afterRead" 
	bind:delete="deleteImg"/>
</view>

before-read：文件读取前，在回调函数中返回 false 可终止文件读取，绑定事件的同时需要将use-before-read属性设置为true
after-read：文件读取完成后（不用使用wx.chooseImage，event.detail.file就是当前读取的文件

JS代码：

Page({
   
  data: {
   
    fileList: [],
  },
  
  //before-read 事件可以在上传前进行校验，调用 callback 方法传入 true 表示校验通过，传入 false 表示校验失败。
  beforeRead(event)