图片服务器

最新推荐文章于 2023-12-28 17:34:15 发布
最新推荐文章于 2023-12-28 17:34:15 发布
阅读量209 收藏
点赞数
分类专栏： 项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42174669/article/details/105188807
版权

项目核心知识点

  1. 简单的Web服务器设计开发能力（Servlet）
  2. 使用数据库（MySQL）JDBC操作MySQL
  3. 数据库设计（根据实际场景设计数据库表结构）
  4. 前后端交互的API的设计（基于HTTP协议）
  5. 认识JSON数据格式，学习使用Java中的Gson这个库操作JSON数据
  6. 学习测试HTTP服务器，Postman
  7. 使用HTML CSS JavaScript技术构建一个简单的网页

项目功能：
实现一个服务器完成对图片的上传，查看（属性/内容），删除操作。（重点）
同时也要实现一个简单的页面来展示当前的图片（了解）

一、服务器设计

1.数据库设计

  • 数据库中存储的图片的属性（元信息）

  • 图片正文，以文件的形式直接存在磁盘上的

  • 数据库中就记录一个path对应到磁盘上的文件

  • 校验和： 通过一个更短的字符串，来验证整体数据是否正确，短的字符串是根据原串内容通过一定的规则来计算出来的

  • md5（字符串哈希算法）:图片的md5校验和

create database java_image_server;
create table image_table(
imageId int not null primary key auto_increment,
imageName varchar(50),
size int,
uploadTime varchar(50),
contentType varchar(50),
path varchar(1024),
md5 varchar(1024));

2.服务器API设计（前后端交互接口设计）
a）JSON 一种数据组织的格式。格式键值对结构。
使用JSON完成数据的序列化，方便进行网络传输
Gson:google搞得一个开源的JSON的JSON解析库
b）文件上传操作在HTML中是如何完成的
文件上传在HTTP协议中是如何进行的
c）设计前后端交互API

  • 新增图片
    请求：
POST /image
Content-Type:multipart/form-data;
//正文内容：包含图片自身的一些信息
//图片正文的二进制内容

响应：

//上传成功
HTTP/1.1 200 OK
{
	"ok":true
}
//上传失败
HTTP/1.1 200 OK
{
	"ok":false,
	"reason":"具体的失败原因"
}
  • 查看所有图片属性
    请求：
GET /image

响应：

HTTP/1.1 200 OK
[
	{
		imageId:1,
		imageName:"1.png",
		contentType:"image/png",
		size:10000,
		uploadTime:"20200404",
		path:"./data/1.png"
		md5:"11223344",
	},
	{
	.......
	}
]
  • 查看指定图片属性
    请求：
GET /image?imageId=[具体的数值]

响应：

HTTP/1.1 200 OK
{
	imageId:1,
	imageName:"1.png",
	contentType:"image/png",
	size:10000,
	uploadTime:"20200404",
	path:"./data/1.png"
	md5:"11223344",
}
  • 删除指定图片
    请求：
DELETE /image?imageId=[具体的图片id]

服务器实现代码的时候就可以判定方法，如果是DLETE方法，就执行删除操作
删除也不一定非得用DELETE方法。例如：
GET /image?imageId=xxx&delete=1

  • 查看指定图片内容
    请求：
GET /imageShow?imageId=[具体的图片id]

二、源码开发
1.数据库操作

  • 先创建DBUtil封装一下获取数据库连接的过程

  • dao数据访问层。这里面的类围绕着数据操作展开

  • Image对应到一个图片对象（包含图片的相关属性）

  • ImageDao Image对象的管理器。借助这个类完成Image对象的增删改查操作
    ImageDao有个selectAll方法，查找出所有数据库中的数据。如果数据库中内容有个几千条，这样查ok；如果数据库有几亿条，这样查就会非常低效，很可能直接把数据库或者应用程序搞挂
    更科学的做法可以指定一些其他筛选条件

    插入图片

    public void insert(Image image){
        //1.获取数据库连接
        Connection connection=DBUtil.getConnection();
        //2.创建并拼接SQL语句
        String sql="insert into image_table values(null,?,?,?,?,?,?)";
        PreparedStatement statement=null;
        try {
            statement=connection.prepareStatement(sql);
            statement.setString(1,image.getImageName());
            statement.setInt(2,image.getSize());
            statement.setString(3,image.getUploadTime());
            statement.setString(4,image.getContentType());
            statement.setString(5,image.getPath());
            statement.setString(6,image.getMad5());

            //3.执行SQL语句
            int ret=statement.executeUpdate();
            if(ret!=1){
                //程序出现问题，抛出一个异常
                throw new JavaImageServerException("插入数据库出错！");
            }

        } catch (SQLException e) {
            e.printStackTrace();
        }catch (JavaImageServerException e) {
            e.printStackTrace();
        }finally {
            //4.关闭连接和statement对象
            DBUtil.close(connection,statement,null);
        }
    }

查看所有图片信息

public List<Image> selectAll(){
        List<Image> images=new ArrayList<Image>();
        Connection connection=DBUtil.getConnection();
        String sql="select * from image_table";
        PreparedStatement statement=null;
        ResultSet resultSet=null;
        try {
            statement=connection.prepareStatement(sql);
            resultSet=statement.executeQuery();
            while(resultSet.next()){
                Image image=new Image();
                image.setImageId(resultSet.getInt("imageId"));
                image.setImageName(resultSet.getString("imageName"));
                image.setSize(resultSet.getInt("size"));
                image.setUploadTime(resultSet.getString("uploadTime"));
                image.setPath(resultSet.getString("path"));
                image.setMad5(resultSet.getString("md5"));
                image.setContentType(resultSet.getString("contentType"));
                images.add(image);
            }
            return images;
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,resultSet);
        }
        return null;
    }

根据imageId查找指定的图片信息

    public Image selectOne(int imageId){
        Connection connection=DBUtil.getConnection();
        String sql="select * from image_table where imageId=?";
        PreparedStatement statement=null;
        ResultSet resultSet=null;
        try {
            statement=connection.prepareStatement(sql);
            statement.setInt(1,imageId);
            resultSet=statement.executeQuery();
            if(resultSet.next()){
                Image image=new Image();
                image.setImageId(resultSet.getInt("imageId"));
                image.setImageName(resultSet.getString("imageName"));
                image.setSize(resultSet.getInt("size"));
                image.setUploadTime(resultSet.getString("uploadTime"));
                image.setPath(resultSet.getString("path"));
                image.setMad5(resultSet.getString("md5"));
                image.setContentType(resultSet.getString("contentType"));
                return image;
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,resultSet);
        }
        return null;
    }
    public void delete(int imageId){
        Connection connection=DBUtil.getConnection();
        String sql="delete from image_table where imageId=?";
        PreparedStatement statement=null;
        try {
            statement=connection.prepareStatement(sql);
            statement.setInt(1,imageId);
            int ret=statement.executeUpdate();
            if(ret!=1){
                throw new JavaImageServerException("删除数据库操作失败");
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }catch (JavaImageServerException e) {
            e.printStackTrace();
        }finally {
            //4.关闭连接和statement对象
            DBUtil.close(connection,statement,null);
        }
    }

根据Md5查找图片

public Image selectMd5(String md5){
        Connection connection=DBUtil.getConnection();
        String sql="select * from image_table where md5=?";
        PreparedStatement statement=null;
        ResultSet resultSet=null;
        try {
            statement=connection.prepareStatement(sql);
            statement.setString(1,md5);
            resultSet=statement.executeQuery();
            if(resultSet.next()){
                Image image=new Image();
                image.setImageId(resultSet.getInt("imageId"));
                image.setImageName(resultSet.getString("imageName"));
                image.setSize(resultSet.getInt("size"));
                image.setUploadTime(resultSet.getString("uploadTime"));
                image.setPath(resultSet.getString("path"));
                image.setMad5(resultSet.getString("md5"));
                image.setContentType(resultSet.getString("contentType"));
                return image;
            }
        } catch (SQLException e) {
            e.printStackTrace();
        }finally {
            DBUtil.close(connection,statement,resultSet);
        }
        return null;
    }
}

受查异常和非受查异常

出现异常之后，处理的具体措施
1.当前接触过的大部分都是打印调用栈
2.让程序直接终止
3.监控报警通知程序员

  1. 基于Servlet来搭建服务器
    a）安装Servlet（maven）
    b）创建一个类，继承HttpServlet父类并且重写这个父类中的一些重要方法

按照现有设定，图片存储的文件路径./image/文件名
如果有两个图片，内容不同，但是名字相同，此时就可能出现上传失败的情况（在路径中加上时间戳）
时间戳：以1970年1月1日0时0分0秒作为基准值计算当时时刻和基准时刻的描述/毫秒数之差

3.上传图片

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.获取图片的属性信息，并且存入数据库
        // a）需要创建一个factory对象和upload对象
        FileItemFactory factory=new DiskFileItemFactory();
        ServletFileUpload upload=new ServletFileUpload(factory);
            //b)通过upload对象进一步解析
        //FileItem代表一个上传的文件对象
        List<FileItem> items;
        try {
            items=upload.parseRequest(req);
        } catch (FileUploadException e) {
            //出现异常说明解析出错！
            e.printStackTrace();
            //告诉客户端出现的具体的错误
            resp.setContentType("application/json;charset=utf-8");
            resp.getWriter().write("{\"ok\":false,\"reason\":\"请求解析失败\"}");
            return;
        }
        //c)把FileItem中的属性提取出来，转换成Image对象，才能存到数据库中
        FileItem fileItem=items.get(0);
        Image image=new Image();
        image.setImageName(fileItem.getName());
        image.setSize((int)fileItem.getSize());
        SimpleDateFormat format=new SimpleDateFormat("yyyyMMdd");
        image.setUploadTime(format.format(new Date()));
        image.setContentType(fileItem.getContentType());

        image.setMad5(DigestUtils.md5Hex(fileItem.get()));
        image.setPath("./image/"+image.getMad5());
        //存到数据库中
        ImageDao imageDao=new ImageDao();

        Image existImage=imageDao.selectMd5(image.getMad5());
         imageDao.insert(image);

        //2.获取图片的内容信息，并且存入磁盘文件
         if(existImage==null){
             File file=new File(image.getPath());
             try {
                 fileItem.write(file);
             } catch (Exception e) {
                 e.printStackTrace();
                 resp.setContentType("application/json;charset=utf-8");
                 resp.getWriter().write("{\"ok\":false,\"reason\":\"存磁盘操作失败\"}");
                 return;
             }
         }
        //3.给客户端返回一个结果数据
         /*resp.setContentType("application/json;charset=utf-8");
        resp.getWriter().write("{\"ok\":true}");*/
         resp.sendRedirect("lw-img.html");

    }

4.删除图片：
1）.先获取到请求中的imageId
2）.创建ImageDao对象，查看到该图片对象对应的相关属性
3）.删除数据库中的记录
4）.删除本地磁盘文件

protected void doDelete(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("application/json;charset=utf-8");
        String imageId=req.getParameter("imageId");
        if(imageId==null||imageId.equals("")){
            resp.setStatus(200);
            resp.getWriter().write("{\"ok\":false,\"reason\":\"请求解析失败\"}");
            return;
        }
        ImageDao imageDao=new ImageDao();
        Image image=imageDao.selectOne(Integer.parseInt(imageId));
        if(image==null){
            resp.setStatus(200);
            resp.getWriter().write("{\"ok\":false,\"reason\":\"在数据库中不存在\"}");
            return;
        }
        imageDao.delete(Integer.parseInt(imageId));
        Image existImage=imageDao.selectMd5(image.getMad5());
        if(existImage==null){
            File file=new File(image.getPath());
            file.delete();
            resp.setStatus(200);
            resp.getWriter().write("{\"ok\":true}");
        }
    }

5.页面主题展示图片预览

<form id="upload-form" action="image" method="post" enctype="multipart/form-data" class="am-topbar-form am-topbar-right am-form-inline">
      <div class="am-form-group">
        <input type="file" id="upload" name="upload" class="am-form-field am-input-sm" >
          <input type="submit" value="Upload" style="height: 41px"/>
      </div>
    </form>

三、项目优化

1.简单的防盗链机制
可以判定当前请求的referer字段（HTTP请求协议中的header的部分），是不是在我们代码中指定的白名单中，如果是，才允许访问
referer表示当前请求的上个页面的地址
在代码中用一个hashSet存一下允许的Referer就可以

防盗链其他方式：https://www.cnblogs.com/wangyongsong/p/8204698.html
2.优化磁盘存储空间
应用到MD5
如果两个图片内容完全一样，就在磁盘上只存一份文件就可以了
通过MD5就能判定两个图片内容是否一样的
图片文件虽然是二进制数据，但本质上也是字符串，针对图片内容计算MD5
如果两个图片内容相同，得到的MD5一定是相同的
反之，近似的认为MD5相同，原图片内容一定相同

MD5的特点：
1.不管原串多长，得到的MD5值是固定长度
2.原串哪怕变动一个字节，MD5值就会变动很大
3.计算MD5值得过程很简单，但是通过MD5值无法推测出原字符串的（应用在密码学）

实现思路：上传图片的时候，先判定下新图片的MD5在数据库中是否存在，如果存在，就不把图片内容写到磁盘上，如果不存在，才存磁盘
1)改上传代码逻辑，磁盘文件名用md5值来表示
2）修改ImageDao,新增一个接口，能够按照MD5查找数据库内容
3）再次修改上传图片逻辑，根据MD5判断，当前图片是否要写磁盘

3. 支持图片处理功能(例如返回指定大小的图片）

ZQQ~BK
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
图片存储解决方案之一使用nginx搭建图片服务器（一）
m0_37998377的博客
03-06 5175
图片存储解决方案之一使用nginx搭建图片服务器（一）
基于win10环境搭建图片服务器的两种方式
weixin_73368873的博客
06-27 1191
这几天接到一种需求，需要在window环境搭建图片服务，去网上搜一下，最终想出两种方式一种是Nginx方式 ，一种是公司常用的iis服务方式，这里简单记录一下。
FastDFS搭建图片服务器
icanflying的博客
12-23 5402
服务器规划 服务器名称 IP地址和端口 备注 fastdfs-tracker *:22122 跟踪服务器/调度服务器 fastdfs-storage *:23000 存储服务器 一、安装系统组件 yum install gcc -y 二、安装fastdfs 1、创建图片服务器存储目录 mkdir -p /data/image 2、下载FastDFS依赖包libfastcommon并安装 wget https://codeload.gi.
Zimg—轻量级图片服务器搭建利器
anmishi2025的博客
08-31 3004
在一个互联网应用中，图片扮演着越来越重要的角色。有稳定的可扩展的图片存储服务器就显得尤为的重要，云厂商们提供了便利的图片存储服务，花钱就可以解决了。这里简单介绍一个开源的一个分布式图片存储服务器——zimg，来自己搭建一个图片服务器。 当然你也可以利用分布式文件存储系统在存储图片，比如FastDFS，不过针对图片的特有功能，比如缩放、截取、倾斜等，都需要...
简易图片服务器
07-23
【简易图片服务器】是一款基于Python开发的轻量级图片服务应用，它旨在提供一个便捷的平台，用于管理和处理图片资源。这款服务器具有以下关键特点： 1. **分布式集群支持**：通过与Nginx的配合，简易图片服务器可以...
Linux搭建图片服务器
01-09
目录 1 安装目的 2 下载地址 3 FastDFS安装环境 3.1 安装libevent 3.2 安装libfastcommon 3.3 tracker编译安装 4 配置 5 启动 5.1 设置开机自动启动。...为了商城可以动态的上传图片，目的是为了解决高并发，不用集群t
详解Nginx搭建图片服务器过程
09-30
在本文中，我们将深入探讨如何使用Nginx搭建图片服务器，并解决在此过程中可能遇到的问题。首先，我们需要了解Nginx的基本概念。Nginx是一款高性能的HTTP和反向代理服务器，以其高性能、低内存占用和丰富的模块化...
本地图片服务器
01-15
本地图片服务器搭建, 可实现本地图片存储读取等........
nginx搭建图片服务器
weixin_44422857的博客
12-11 1554
前言 前几天公司外包软件里所用的第三方图片存储服务器,被外包恶意拉黑,导致小程序所需要访问的网络图片全部裂开无法访问,但是项目已经上线,为了更快的恢复程序使用,我用紧会的nginx在服务器上搭建了一个服务器. 正文 简介 在linux centos7系统中，搭建图片上传服务器。 LINUX安装nginx详细步骤: 1.安装依赖包 //一键安装上面四个依赖 yum -y install gcc zl...
FTP服务器安装+NGINX搭建简单的图片服务器（Linux）
kitagawa_myouya的博客
03-10 6160
ftp+nginx实现简单的图片服务器 最近在做个人网站，设计到图片的上传和保存，于是想做一个专门存图片的服务器。以前用过一个tomcat web服务器做图片的服务器，但缺点就是必须和部署系统在同一台服务器下。现在想直接通过代码将图片上传到另一台服务器，再将图片访问路径返回保存到数据库，直接通过url访问。 本教程我不会阐述每条配置的意义，只是记录一下搭建操作。 环境：Linux centos8 参考文章： https://developer.aliyun.com/article/773249?spm=51
Java项目---图片服务器
xiao梁同学的博客
09-13 664
图片服务器--->服务器（图床）比如：编写博客时我们会插入图片，本质上是往文章中放了一个链接（URL），这个URL资源在另外一个服务器上。（1）简单的Web服务器设计开发能力（Servlet）Web服务器--->HTTP服务器Servlet是Tomcat这个HTTP服务器所提供的一组编程接口（2）使用数据库来进行存储（MySQL)JDBC操作MySql（3）数据库设计（根据实际场景设计数据库表结构）（4）前后端交互的API的设计（基于HTTP协议）
流光溢彩，照亮你的世界！Java常用的图片服务器详解（一）
最新发布
凛鼕将至的博客
12-28 1297
在Java中，常用的图片服务器有以下几种：Apache Tomcat：Tomcat是一个免费开源的Java Servlet容器，可以用来部署Java Web应用，其中包括图片服务器。你可以通过配置Tomcat，将图片文件的存储路径指向Tomcat的web目录下，从而实现图片的访问和下载。Apache HTTP Server：Apache HTTP Server是一个广泛使用的Web服务器软件，也可以用来搭建图片服务器。
Nginx配置图片服务器
热门推荐
热爱技术，享受生活
07-04 3万+
Nginx配置图片服务器
存储图片资源的服务器
qq_46130027的博客
07-09 800
使用像Amazon S3、Google Cloud Storage、Microsoft Azure Blob Storage等对象存储服务，可以将图片文件存储在可扩展的云存储中，并通过API进行访问和管理。使用像Imgur、Cloudinary、Firebase等图片托管服务，它们提供了简化的API和工具，用于上传、存储和处理图片文件。使用CDN服务，如Cloudflare、Akamai等，可以将图片文件分发到全球的边缘节点，提供更快速的访问速度和更好的性能。
个人项目-图片服务器
weixin_44252126的博客
08-15 401
图片服务器
图片服务器搭建
Pig勇
01-09 1万+
图片服务器搭建 原先我们通过servlet上传一个用户的头像，需要把头像显示到网站上。就需要搭建一个图片服务器来显 示图片了。 图片服务器其实和tomcat/nginx容器的作用是一样的。目的都是要把文件从本地的磁盘上发布出去。一般常用 的图片服务器是apache服务器 ，但是我们实际上也可以使用tomcat/nginx作为测试的图片服务器。 使用tomca/nginxt把本地磁盘的一个图片路径D:/upload发布出去，好让用户能通过浏览器访问这个目录下的 图片。 一、使用tomcat服务器 在本地不通过
nginx图片服务器
09-20
Nginx 图片服务器是指使用 Nginx 来搭建并提供图片服务的服务器。通过配置 Nginx，可以将图片的请求映射到指定的路径，并且可以实现图片的缓存、负载均衡等功能。 首先，您需要确保已经正确安装了 Nginx，并且配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值