15.表单数据带文件封装FormData一起提交
分类: 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)展开评论
暂无评论,快来写一下吧
展开评论
您可能感兴趣的博客
他的专栏
他感兴趣的技术