我在上一篇文章SSM+Layui实现文件上传服务器中展示了如何将图片上传至服务器,保存到SQL server数据库中,本篇文章主要讲的是将图片上传到服务器上,保存在服务器的磁盘上,然后将图片路径保存到数据库中,最后实现在客户端展示图片。
在上一篇文章末尾,我阐述了两种图片(文件)上传到服务器后不同的保存方式。直接存放到数据库中,适合图片较小、数量少的应用场景,因为从数据库中读取图片数据会比较慢,特别实在图片较大、网络环境差的情况下。把图片存放到服务器磁盘、数据库存放图片存放路径,前台页面直接通过路径访问图片,这种方式适合需要展示的图片数量多的场景下。
技术框架说明
前台采用的是Layui框架,后台采用Java的SSM框架。前台的框架可以替换成其他的框架,主要功能实现的逻辑在于Java部分的代码。
上传图片的html
layui上传代码
上传图片JS
引入layui.js,使用upload模块