elementUI中upload自定义上传行为 http-request属性

elementUI中upload自定义上传行为 http-request属性

elementUI的upload地址:Element - The world's most popular Vue UI framework

<el-upload
  action=""
  :http-request="uploadFile"
>

默认的上传为action,可以用http-request进行覆盖。action属性不可以删除,要同时存在。

//参数必须是param,才能获取到内容
uploadFile(param){
// 获取上传的文件名
  var file = param.file
//发送请求的参数格式为FormData
  const formData = new FormData();
  formData.append("file",file)
// 根据res的code处理各种情况
  uploadFile(formData,param).then(res=>{
    if(res.code === 200){
     // 成功
    }else {
     // 失败
    }
  }).catch(err=>{
// 异常
  })
},

 

上一篇:js赋值变了,被赋值的对象也变了。封装组件时,初始化一个对象,将初始化对象赋值给另一个对象,与form表单双向绑定,form表单变了,与form表单双向绑定的值也变了,最终导致初始化对象改变


下一篇:移动端 input type=‘file‘ 自定义样式、多图表单上传总结