通过el-upload同时上传表单和文件

通过el-upload同时上传表单和文件

  1. 上传前,el-upload组件选哟
    • 设置on-change,在上传时检测是文件是否符合标准(格式、大小),不符合标准在fileLIst中删去并用$message弹出错误
    • 关闭el-upload的自动上传
    • 设置accept,选择可以请求的文件类型
    • 将action设为空
  2. 上传时,需要在提交请求前处理文件
    • 设置一个新的formData格式的变量,将文件加入其中,再将其赋值给传递的变量
    • 在接口处,设置header中content-type属性为multipart/form-data





export function addPasture(params){
    console.log(params)
    return request({
        headers:{
            'Content-Type': 'multipart/form-data'
        },
        url:'/pasture/plating/add',
        method:'post',
        params,
        data: params.file
    })
}

你可能感兴趣的:(VUE,前端,vue,前端,elementui)