目录
1.上传本地图片
2.图片回显
3.可能出现的问题
1.上传本地图片
方法和写法都很多,在此不详细介绍,大致思路(不考虑限制条件)如下
![](https://img-blog.csdnimg.cn/c9a2bc10675643af9e21b114aeec041f.png)
controller![](https://img-blog.csdnimg.cn/7d062069db194d61b2ba5474b47ed2be.png)
mapper中关于数据库操作如下:![](https://img-blog.csdnimg.cn/30bce0a02bb745b7a00842ddacf96092.png)
2.图片回显
实现<img src="相对路径">,大体分为如下几步:
1.将路径传至页面,2.src调用对应路径
controller
![](https://img-blog.csdnimg.cn/cd963aa40281453fa7d6866ae89b4ab8.png)
list.jsp:
![](https://img-blog.csdnimg.cn/cdff276bf55948d5bf9b62bfde8ae8a3.png)
js代码:
![](https://img-blog.csdnimg.cn/974c2eca9f204fda940bae02321eb260.png)
注意:由于是上传本地图片,src相对路径是相对于jsp页面位置的路径
3.可能出现的问题
图片在表格中显示不全:
修改layui的css配置![](https://img-blog.csdnimg.cn/1ee10fd2ec8d45239a32815f97b18aa4.png)