js文件上传,elementUi el-upload文件上传




  
     :data="formdata"   //附加的参数
   :on-success="successUpload"   //上传成功回调函数
   action="/iem_hrm/travel/modifyTravelInfo"    //请求接口url
   :show-file-list="false"    //是否显示文件列表
   :auto-upload="false"    //是否直接上传
   :headers="token"    //登陆拦截token
 >
        选取文件
   

    上传

data() {
 return {
  token: {
   Authorization:`Bearer `+localStorage.getItem('access_token'),
  },
  formdata2: {}
 }  
}

computed: {
 formdata: function(){
  return {
      userNo: this.formdata2.userNo,
      type: this.formdata2.type,
      startTime: this.formdata2.startTime,
      endTime: this.formdata2.endTime,
      remark: this.formdata2.remark
  }
 }
},
methods: {
 successUpload(response, file, fileList) {
  if(response.code === "S00000") {
   this.$message({ message: '操作成功', type: 'success' });
  }
 },
 save() {
  this.$refs.upload.submit();
 }
}



你可能感兴趣的:(前端开发,程序人生)