uniapp实现H5的uni-file-picker文件删除代码

以下是uni-file-picker文件删除的示例代码：

<template>
  <view>
    <view class="upload-btn" @click="chooseFile">选择文件</view>
    <view v-for="(item, index) in fileList" :key="index">
      <image :src="item.url" mode="aspectFit" width="100" height="100"></image>
      <view class="delete-btn" @click="deleteFile(index)">删除</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    chooseFile() {
      uni.chooseImage({
        count: 1,
        success: (res) => {
          this.fileList.push({
            url: res.tempFilePaths[0],
            name: res.tempFiles[0].name,
            size: res.tempFiles[0].size
          })
        }
      })
    },
    deleteFile(index) {
      this.fileList.splice(index, 1)
    }
  }
}
</script>

<style>
.upload-btn {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #409EFF;
  color: #fff;
  border-radius: 20px;
  margin: 10px auto;
}
.delete-btn {
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #FF4949;
  color: #fff;
  border-radius: 15px;
  margin: 10px auto;
}
</style>

在以上示例代码中，我们使用了uni.chooseImage方法选择文件，并将选择的文件信息保存到fileList数组中。删除文件时，调用deleteFile方法，通过splice方法从fileList数组中移除指定的文件。