vue3+ts+elementPlus使用upload自定义手动上传?

image.png
想要auto-upload和http-request同时使用
或者是其它也可以
主要想要实现的功能就是点击确认升级的时候在请求上传的接口

const uploadBpmn = (params:any) => {
  const file = params.file
  // console.log('文件上传', file)
  // 文件对象
  const formData = new FormData()
  formData.append('file', file)
  formData.append('file_name', file.name)
  SysUpdate(formData).then(res => {
    if(res.code === 200) {
      ElMessage({
        message: '导入成功!',
        type: 'success',
      })
    } else {
      ElMessage.error(res.message)
    }
  })
}

这个是不使用手动上传的时候调用的uploadBpmn
如何实现手动上传自定义接口

阅读 4.7k
2 个回答

需求:
点击 “确认升级” 请求上传的接口;

答:

  1. SystemUpgrade 中调用 uploadRef.value!.submit() 手动提交。
  2. v-model 动态获取 fileList,然后自定义上传方法,

你api不是都写好了吗SysUpdate 用before-upload 设置auto-upload为false

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏