upload组件customRequest的用法,上传文件直接使用接口,

<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("上传成功")
    }
  })
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值