掌上游戏app第三次课-新增app基本信息-上传文件

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

分类: ssm 专栏: 课堂随笔 标签: axios上传文件 新增表单

2024-11-14 09:48:20 82浏览

掌上游戏app第三次课-新增app基本信息-上传文件

校验 apkname 的唯一性

要考虑一种特殊情况,就是修改的时候 apkname 不做改动,只改其他项目。所以要把 appinfo 的 id 和 用户填写的 apkname 一起传过来。

axios 提交文件并携带其他文本数据

上传

1、 控制器入参去掉@RequestBody注解

特别提醒:MutipartFile 的名称一定不能跟 AppInfo 里面的属性一样,因为如果有两个 logoPic 的话,它 不知道应该听谁的。

2、 页面

auto-upload 默认是 true 也就是自动提交,而我现在不想让他自动提交我是想让他填写完表单后整体一起提交。所以必须把auto-upload 设置成 false

action 这里就直接写#

on-change 事件:一旦用户选取了文件就会触发这个函数,这个函数怎么写?如下

注意:this.form.logoPic对应控制器中的MultiPartFile参数名字,不要对应appinfo实体中的属性名字

3、 js

为了封装 formData,把formData 提交给后端 controller

自定义校验

正则校验表单

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

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695