uview 上传图片 清空图片

UView是一个轻量级、高性能的Vue UI组件库，它提供了丰富的UI元素。如果你想要在UView中上传图片并清空已经选择的图片，你可以按照以下步骤操作：

1. 首先，在HTML部分，使用`u-upload`组件来实现文件上传功能：

<u-upload v-model="fileList" :action="uploadUrl" :multiple="true"></u-upload>

在这里，`fileList`用于绑定选中的文件列表，`uploadUrl`是你的后端图片上传接口地址。

2. 然后，在Vue组件中，处理上传和清空事件：

export default {
  data() {
    return {
      fileList: [],
      uploadUrl: 'your-upload-api-url', // 替换为你实际的API地址
    };
  },
  methods: {
    handleUpload(file) {
      // 上传文件到服务器
      this.$http.post(this.uploadUrl, file).then(res => {
        // 图片上传成功后可以更新状态或其他操作
      });
    },
    handleClear() {
      // 清空已选择的图片
      this.fileList = [];
    },
  },
};

当你想清空图片时，只需调用`handleClear`方法即可。