vue-element-admin el-upload组件实现图片上传

使用elementUi官网上的beforeAvatarUpload(file)方法,输出file属性,发现并不是数据库需要的file类型,

解决办法:

 let formData = new FormData();
  formData.append("files", file[0].raw);    //数据库需要files字段
  axios({
    headers: { 'Content-Type': 'multipart/form-data;charset=utf-8' },
    method: "post",
    url: url,
    data: formData,
  }).then(res => {
    console.log("res")
    console.log(res)
  }).catch(err => {
    console.log("err")
    console.log(err)
  })

 

上一篇:Java 前端使用Ajax通过FormData传递文件和表单数据到后台


下一篇:FormData 对象的使用