一、将图片保存在项目的某个目录(文件)下面
前端显示:<image src="图片相对路径+图片文件名.文件后缀" />
二、将图片以base64格式保存到数据库表的某个字段中
前端显示:<image src="data:image/png;base64, 从后端返回的base64字符串" />
三、将图片保存到本地某盘符的文件夹下
前端显示:<image src="获取图片数据的url地址(/getImage?...)" />
原理:当页面加载时,根据url向服务器发送请求,从本地获取图片的字节流,再利用respsonse.getOutputStream获取字节输出流,将字节流输出到前端
总结:前端无论何种显示方式,最后浏览器生成图片时,都需要对应图片的字节流数据(二进制数据)