upload组件—文件上传的示例代码

目录

一、概述

二、详解

---

一、概述

开发中使用过的上传文件代码。

二、详解

模板代码

<a-upload
    name="file"
    :showUploadList="false"
    :before-upload="beforeUpload"
    accept=".doc,.docx"
>
    <a-button type="primary">上传</a-button>
</a-upload>

文件上传前的钩子函数

<script>
export default {
  methods: {
    beforeUpload(file) {
      let formData = new FormData();
      // 上传的文件
      formData.append('file', file);
      formData.append('param1', '传递额外的参数');
      // 手动调用接口实现上传
      this.handleUpload(formData).then((res) => {
       
      });
      // 返回false停止自动上传
      return false;
    }
  }
};
</script>