前端提交文件

form提交

<input name="file" type="file" @change="updata"/>

async updata(event){
  event.preventDefault()
  let file=event.target.files[0] //根据事件源找到上传的file
  let formData = new FormData();
  formData.append('file',files);//键名要和后台一致
  const res = await this.$http.post('/api/upload',formData);
  console.log(res,'res')
}

将文件转成base64格式提交

updata(event){
  event.preventDefault()
  this.files=event.target.files[0]
  this.getBase64(this.files).then(res=>{
    console.log(res)
  })
},
getBase64(file) {
  return new Promise(function(resolve, reject) {
    let reader = new FileReader();
    let imgResult = "";
    reader.readAsDataURL(file);
    reader.onload = function() {
      imgResult = reader.result;
    };
    reader.onerror = function(error) {
      reject(error);
    };
    reader.onloadend = function() {
      resolve(imgResult);
    };
  });
},