15.表单数据带文件封装FormData一起提交

飞一样的编程
飞一样的编程
擅长邻域:Java,MySQL,Linux,nginx,springboot,mongodb,微信小程序,vue

分类: springboot vue 专栏: 【带小白做项目】SpringBoot+Vue后台管理系统 标签: formdata 文件携带数据一起

2024-12-20 10:42:02 24浏览

表单数据带文件封装FormData一起提交

实现添加版本剩下的功能——添加版本信息带文件

后端

@PostMapping("/saveOrUpdate")
    public ResultVo saveOrUpdate(
            AppVersion appVersion, MultipartFile file, HttpServletRequest request
            ){
     
    }

前端

<el-form-item label="apk文件">
              <el-upload
                      class="upload-demo"
                      action="#"
                      :on-change="changeUpload"
                      :auto-upload="false"
                      multiple
                      :limit="1">
                <el-button size="small" type="primary">选取文件</el-button>
              </el-upload>
            </el-form-item>

  changeUpload(file){
      this.addForm.file=file.raw
    },
submitAppInfo(){
      var that=this
      that.$refs['addForm'].validate((valid) => {
        if (valid) {
          //用formdata的方式提交
          var formData = new FormData();
          var data = that.addForm;
          for(let key in data){
            formData.append(key,data[key])
          }


          addAppVersion(formData).then(function () {
           
          })
        } else {
          console.log('error submit!!');
          return false;
        }
      });

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695