Ant Design Vue如何上传文件、图片，复制即用(2)

<a-upload-dragger

v-model:fileList=“fileList” //双向绑定的变量是文件数组

name=“file” // 发到后台的文件参数名

:before-upload=“beforeUpload” //上传文件之前的钩子，参数为上传的文件

@change=“handleChange” //change 上传文件改变时的状态

上传文件

上传的逻辑

import axios from “axios”;

//TS

interface FileItem {

uid: string;

name?: string;

status?: string;

response?: string;

url?: string;

}

//拦截提交事件，将文件数据填入List

const fileList = ref<FileItem[]>([]);

const beforeUpload = (file: FileItem) => {

fileList.value = […fileList.value, file];

formState.name = fileList.value[0].name;

return false;

};

//确认提交按钮回调，如果不要这个按钮可以直接在beforUpload里面调用

const onSubmit = (e) => {

const data = new FormDa