zl程序教程

您现在的位置是:首页 >  后端

当前栏目

SpringBoot+Vue+token实现(表单+图片)上传、图片地址保存到数据库。上传图片保存位置自己定义、图片可以在前端回显(一))

2023-09-27 14:26:40 时间

一般来说新增一个商品、商品的属性一般都包含图片信息。如何将图片和商品的其它属性一起传给后端?是优先处理图片信息?还是图片和其它属性数据一块提交给后端处理?带有图片资源的请求头如何设置?数据库中是存放图片还是存放图片的访问地址?如何做图片地址的资源映射?是在yml文件中进行资源映射?还是用java类编写?存放的图片名称是否需要处理?是调用工具类、还是手动处理?如何设置图片在本地磁盘的存放位置?如何将图片存放到项目中的静态资源下?如果使用了token验证、图片资源是否被拦截?是否需要配置过滤器来进行过滤?存放到数据库的图片地址,在浏览器中访问不到,该怎么办?如果图片的访问路径中包含中文导致资源访问不到又该怎么办?前端如何回显存放的图片?如何点击莫一个商品的预览按钮、显示对应商品的图片?如何将图片放入dialog弹出框中?dialog弹出框加载图片的问题?如何在vue中使用jQuery?

以上是我遇到的,我也不知道咋会遇到这样多的问题

前言: 实现的效果演示

新增商品图片以及图片预览

1、大致思路

以下是基于先处理图片、后端返回图片地址进行的