微信小程序图片上传并预览，vant-weapp组件，可删除，代码

效果图

.wxml 

<van-uploader file-list="{ { fileList }}" bind:after-read="afterRead" bind:delete="delete" multiple="{ {true}}"/>

.json

  "usingComponents": {

    "van-uploader": "@vant/weapp/uploader/index"

  }

.js

import {baseUrl} from '../../../utils/request.js';

import {forumUploadImg} from '../../../api/api.js';

Page({

    // 数据

    data: {

        fileList: [],   // 预览图片用的数组      

        imgUrls:[],     // 上传图片用的数组

        

    },

    // 图片预览

    afterRead(event) {

        const { file } = event.detail; // 当设置 mutiple 为 true 时