Bootstrap

Ant Design Vue如何上传文件、图片,复制即用

//拦截提交事件,将文件数据填入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 FormData();

// 上传多个文件需要循环

fileList.value.forEach((file: FileItem) => {

file.status = “uploading”;

data.append(“file”, file.originFileObj);

data.append(“type”, “FILE”);

});

// 添加token

// data.append(“token”, String(token));

// 新建一个修改头部的axios,因为我其他的数据是通过URLSearchParams提交的,识别的头不同

const upload_ax = axios.create({

baseURL: “/api”, //在vite.config.js配置的跨域

withCredentials: true, //上传请求时是否携带 cookie

headers: {

;