<a-upload
v-model:file-list="fileList"
name="file"
action="11"
:customRequest="customRequest"
:before-upload="beforeUpload"
maxCount="1">
<a-button>
<upload-outlined></upload-outlined>点击上传文件
</a-button>
</a-upload>
//上传前验证
async function beforeUpload(file: any) {
const type = file.name.split(".").pop()
const fileAccept = "txt" // 支持的文件类型
if (!fileAccept.includes(type)) {
message.error("不支持上传该类型文件")
return false
}
return true
}
// 自定义上传
function customRequest(file: any) {
const form = new FormData()
form.append("file", file.file)
form.append("filename", formState.value.filename)
// 用自己的接口
uploadModelApi(form).then((res: any) => {
console.log(res)
if (res.code == 200) {
message.success("上传成功")
}
})
}
upload组件customRequest的用法,上传文件直接使用接口,
最新推荐文章于 2024-06-26 14:17:54 发布