用Ant Design Vue 2.5.19 写一个图片上传的表单，选择文件后先显示点击提交后再上传服务器

你可以使用Ant Design Vue的Upload组件来实现图片上传的表单。以下是一个示例代码：

<template>
  <a-form @submit="handleSubmit" :form="form">
    <a-form-item label="选择文件">
      <a-upload
        :before-upload="beforeUpload"
        :default-file-list="fileList"
        multiple
        drag
        action="/upload" <!-- 上传文件的服务器地址 -->
        name="file"
        :show-upload-list="false"
      >
        <div>
          <p class="ant-upload-drag-icon">
            <a-icon type="inbox"></a-icon>
          </p>
          <p class="ant-upload-text">点击或将文件拖到此区域上传</p>
        </div>
      </a-upload>
    </a-form-item>
    <a-form-item>
      <a-button type="primary" html-type="submit">提交</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      form: this.$form.createForm(this),
      fileList: [], // 用于存储选择的文件
    };
  },
  methods: {
    beforeUpload(file) {
      this.fileList.push(file); // 将选择的文件添加到fileList数组中
      return false; // 阻止自动上传
    },
    handleSubmit(e) {
      e.preventDefault();
      this.form.validateFields((errors, values) => {
        if (!errors) {
          // 提交表单后的处理逻辑，例如将文件上传到服务器
          // 可以使用axios或其他HTTP库发送POST请求将文件上传到服务器
          // 使用this.fileList获取选择的文件列表
          console.log('选择的文件:', this.fileList);
        }
      });
    },
  },
};
</script>

在这个示例中，我们使用`a-upload`组件创建一个文件上传区域。在选择文件后，会调用`beforeUpload`方法将选择的文件添加到`fileList`数组中，并阻止自动上传。在提交表单时，通过`handleSubmit`方法获取选择的文件列表，并处理上传到服务器的逻辑。

你需要将`action`属性设置为你的服务器上传接口的地址。提交表单后，你可以使用axios或其他HTTP库将文件上传到服务器。

请注意，这只是一个示例代码，你需要根据你的实际需求进行适当的修改和调整。