SpringBoot+elementUI图片跟随表单一起上传

你泽哥

于 2018-09-04 20:13:36 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue springCloud 文章标签：图片上传 form表单 vue SpringBoot

本文链接：https://blog.youkuaiyun.com/weixin_43132641/article/details/82389598

本文介绍了如何结合Vue、ElementUI和SpringBoot实现图片跟随表单一起上传。前端利用ElementUI的上传组件设置auto-upload为false，避免自动上传，将图片字符串数据存入额外参数。后端接收实体中额外参数的图片字符串，通过转换函数将其转化为byte存储在blob类型的字段中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片跟随表单一起上传

前端如果直接读图片的二进制数据在数据传输时会报错，所以先读取图片的字符串数据存到额外参数再传到后台进行转换可以比较简单的实现。

vue前端用elementUI上传组件**auto-upload=“false”**关闭自动上传

<el-upload class="avatar-uploader" action="#" :show-file-list="false" :on-change='changeUpload' :auto-upload="false" :before-upload="beforeAvatarUpload">
              <img