uniapp中如何实现多图上传功能

<template><view><button>选择图片</button>    <button>上传图片</button>    <view v-for="(image, index) in images" :key="index"><image :src="image"></image></view></view></template><script>export default {  data() {    return {      images: [] // 存放选择的图片    };  },  methods: {    chooseImage() {      uni.chooseImage({        count: 9, // 最多选择9张图片        success: (res) => {          this.images = res.tempFilePaths;        }      });    },    uploadImages() {      // 遍历images数组，逐个上传图片      this.images.forEach((image) => {        uni.uploadFile({          url: 'http://example.com/upload', // 上传接口地址          filePath: image,          name: 'file',          success: (res) => {            console.log('上传成功', res.data);          },          fail: (err) => {            console.log('上传失败', err);          }        });      });    }  }};</script>

<template><view><uni-file-uploader :file-list="images"></uni-file-uploader></view></template><script>import uniFileUploader from '@/components/uni-file-uploader/uni-file-uploader.vue';export default {  components: {    uniFileUploader  },  data() {    return {      images: [] // 存放选择的图片    };  },  methods: {    handleSuccess(file) {      console.log('上传成功', file);    },    handleRemove(file) {      console.log('移除文件', file);    }  }};</script>