关于mysql存取图片的三种方式（含源码示例）

最新推荐文章于 2024-10-15 15:26:55 发布
最新推荐文章于 2024-10-15 15:26:55 发布
阅读量4.3w 收藏 209
点赞数 38
分类专栏： java # 图片 文章标签： java spring javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZLZQ_Yuan/article/details/106860447
版权

最近在做小程序的后台，要求将小程序用户以upload方法上传的图片保存到mysql数据库中。
然后机缘巧合三种方式都试了，所以专门整理出来分享给大家。可能有的地方说的不太对，欢迎大家帮纠正。

================================================================================

Method1：采用BLOB数据格式存图片。

其实这种方式很不合理，数据库大小会激增会导致简单的查询都及其缓慢。

Method2：采用文本格式存储图片。

虽然也不怎么合理，因为关系型数据库本身就不太适合存巨长的大数据量的东西。
但是由于只涉及到base64加密和解码，且可以都写入后台部分，减轻前端负担。

Method3：将图片单独存放在某个服务器上，数据库只存放他们的url地址。

最高效也是最常用的方法。
后面有展示两种示例。

================================================================================

详细代码示例

================================================================================

Method1详细代码示例：

由于目前做的这个项目，同学A之前一直使用的这种方式将文件中的图片读取到数据库表，所以我只写了对BloB类型图片的取数据部分的代码。且过程较繁琐，可用性不强，就不贴了。

这个代码是A给我发的，实在太久了，她也忘了出处了。有人知道请艾特我一下，我标上链接。

package org.springboot.wechatcity.utill;

import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.sql.Blob;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;

/**
 * 存入和读取Blob类型的JDBC数据
 */
public class BlobUtill {

    public void getBlob() {//读取Blob数据
        Connection con = null;
        PreparedStatement ps = null;
        ResultSet rs = null;
        try {
            con = JDBCTools.getConnection();
            String sql = "SELECT id,name,age,picture FROM animal WHERE id=5";
            ps = con.prepareStatement(sql);
            rs = ps.executeQuery();
            if (rs.next()) {
                int id = rs.getInt(1);
                String name = rs.getString(2);
                int age = rs.getInt(3);

                Blob picture = rs.getBlob(4);//得到Blob对象
                //开始读入文件
                InputStream in = picture.getBinaryStream();
                OutputStream out = new FileOutputStream("cat.png");
                byte[] buffer = new byte[1024];
                int len = 0;
                while ((len = in.read(buffer)) != -1) {
                    out.write(buffer, 0, len);
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public void insertBlob() {//插入Blob
        Connection con = null;
        PreparedStatement ps = null;
        try {
            con = JDBCTools.getConnection();
            String sql = "INSERT INTO animal(name,age,picture) VALUES(?,?,?)";
            ps = con.prepareStatement(sql);
            ps.setString(1, "TheCat");
            ps.setInt(2, 8);
            InputStream in = new FileInputStream("J:/test1/TomCat.png");//生成被插入文件的节点流
            //设置Blob
            ps.setBlob(3, in);

            ps.executeUpdate();
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            JDBCTools.release(con, ps);
        }
    }

}


package org.springboot.wechatcity.utill;

import java.io.InputStream;
import java.sql.*;
import java.util.Properties;

/**
 * JDBC工具类  用来建立连接和释放连接
 */
public class JDBCTools {

    public static Connection getConnection() throws Exception {//连接数据库
        String driverClass = "com.mysql.cj.jdbc.Driver";
        String url = "jdbc:mysql://IP号:端口号/hmCity?useUnicode=true&characterEncoding=utf8&useSSL=false&serverTimezone=Asia/Shanghai";
        String user = "";
        String password = "";

        Properties properties = new Properties();

        InputStream in = Review.class.getClassLoader().getResourceAsStream("jdbc.properties");
        properties.load(in);

        driverClass = properties.getProperty("driver");
        url = properties.getProperty("jdbcurl");
        user = properties.getProperty("user");
        password = properties.getProperty("password");
        Class.forName(driverClass);
        return DriverManager.getConnection(url, user, password);
    }

    public static void release(Connection con, Statement state) {//关闭数据库连接
        if (state != null) {
            try {
                state.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (con != null) {
            try {
                con.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }

    }

    public static void release(ResultSet rs, Connection con, Statement state) {//关闭数据库连接
        if (rs != null) {
            try {
                rs.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (state != null) {
            try {
                state.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (con != null) {
            try {
                con.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
    }
}

================================================================================

Method2 详细代码示例：包括存和取的代码
示例：前端以表单形式提交数据信息和图片，后台以MultipartFile类型接收图片，并对图片进行BASE64编码，存储在mysql数据库中。

1.BASE64存图片。
note：建议图片处理部分单独写在service层，比较符合分层规则。

//头部信息
import org.springframework.web.multipart.MultipartFile;
import sun.misc.BASE64Encoder;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

 /**
     * TODO 将用户上传的信息存入数据库中
     * 图片以MultipartFile格式上传
     * @return
     */
    @CrossOrigin(origins = {"*", "3600"})  //跨域注解，所有域名都可访问，且cookie的有效期为3600秒
    @RequestMapping(value = "/pushMessageParam", method = RequestMethod.POST)
    public int pushMessageBody(@RequestParam String id, MultipartFile file1, MultipartFile file2, MultipartFile file3) throws IOException{//若参数为map或json格式，必须写@RequestBody

        List<MultipartFile> files =new ArrayList<>();//保存用户上传的所有图片，最多三张。
        files.add(file1);
        files.add(file2);
        files.add(file3);

//****给上传的所有jpg、jpeg格式的图片添加头部header（这样取得时候不用解码，直接拿值就行），并进行转码。****
		BASE64Encoder base64Encoder = new BASE64Encoder();//BASE64de 解码工具
			
			        try {
			
			            List<String> base64EncoderImgs = new ArrayList<>();//存放转码后的图片
			            String header = "";//为转码后的图片添加头部信息
			
			            for (int i = 0; i < files.size(); i++) {//遍历所有文件
			                if (files.get(i) != null) {
			                    if (!files.get(i).getOriginalFilename().endsWith(".jpg") && !files.get(i).getOriginalFilename().endsWith(".jpeg")) {
			                        System.out.println("文件格式非法！");
			                    } else if ("jpg".equals(files.get(i).getOriginalFilename())) {//files.get(i).getOriginalFilename() 获取文件的扩展名.jpg .jpeg
			                        header = "data:image/jpg;base64,";
			                    } else if ("jpeg".equals(files.get(i).getOriginalFilename())) {
			                        header = "data:image/jpeg;base64,";
			                    }
			                    base64EncoderImgs.add(header + base64Encoder.encode(files.get(i).getBytes()));//转码
			                } else {
			                    base64EncoderImgs.add(null);
			                }
			            }
					} catch (IOException e) {
			            e.printStackTrace();
			        }


        subMessageService.saveSubMessage(new SubMessage(id, base64EncoderImgs.get(0),
                base64EncoderImgs.get(1), base64EncoderImgs.get(2));
        System.out.println("用户消息已存入数据库！");

        return 0;
    }

2.BASE64取图片及前端显示测试

    //直接取值返给前端就行
    @RequestMapping(value = "/getCrowdInfoById", method = RequestMethod.GET)
    public String getCrowdInfoById() {
        CrowdInfo crowdInfo = new CrowdInfo();
        crowdInfo.setId(3);

        return crowdInfoService.getCrowdInfoById(crowdInfo).getPicBase64();//直接返回前端base64编码后的图片
    }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!--<script src="base64.js"></script>-->
<body>

<img src="" width="350px" height="500px" id="kk">

<!--测试base64取图片的方式-->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    function getCode() {
        $.ajax({
            url: '/getCrowdInfoById',
            type: 'get',
            dataType:'text',
            data: {},
            success: function (result) {
                document.getElementById("kk").setAttribute("src", result);
            }
        })
    }

    window.onload = function () {
        getCode();
    }

</script>
</body>
</html>

result如下：
在这里插入图片描述

================================================================================

Method3 详细代码示例：
示例1：前端以form表单上传图片时，可以采取以下这种方法存储。

本代码由博友“园园的铁粉QAQ”提供，在此感谢这位朋友的无私奉献。

@RequestMapping(value = "/upDrugImg.htm", method = RequestMethod.POST)
    public ModelAndView upDrugImg(@RequestParam(value = "imgFile", required = false) MultipartFile file, HttpServletRequest request) {
    //file是imgFile的别名，只能上传一张图  
        String path = request.getSession().getServletContext().getRealPath("drugIMG");
        String fileName = file.getOriginalFilename();
        // 获取上传文件类型的扩展名,先得到.的位置，再截取从.的下一个位置到文件的最后，最后得到扩展名
        String ext = fileName.substring(fileName.lastIndexOf(".") + 1,fileName.length());
        // 对扩展名进行小写转换
        ext = ext.toLowerCase();
        // 定义一个数组，用于保存可上传的文件类型
        List fileTypes = new ArrayList();
        fileTypes.add("jpg");
        fileTypes.add("jpeg");
        fileTypes.add("bmp");
        fileTypes.add("gif");
        if (!fileTypes.contains(ext)) { // 如果扩展名属于允许上传的类型，则创建文件
            System.out.println("文件类型不允许");
            return new ModelAndView("errorpage/404");
        }
        // String fileName = new Date().getTime()+".jpg";
        File targetFile = new File(path, fileName);
        if (!targetFile.exists()) {
            targetFile.mkdirs();
        }
        // 保存
        try {
        //使用此方法保存必须要绝对路径且文件夹必须已存在,否则报错
            file.transferTo(targetFile);
        } catch (Exception e) {
            // e.printStackTrace();
            return new ModelAndView("errorpage/500");
        }
        
//******************这部分根据自己需求写******************
        //将图片名存入数据库
        String drugImg = "/drugIMG/" + fileName;
        Drug drug = (Drug) request.getSession().getAttribute("currentDrug");
        drug.setDrug_picture(drugImg);
        int flag = drugService.upDrugImg(drug);
        if (flag != 1) {
            // System.out.println("info:upload image failed!");
            return new ModelAndView("redirect:./goUpDrugImg.htm");
        }
        return new ModelAndView("redirect:./goAllDrugByHouse.htm", "updown", "down");
    }

前端jsp页面及后台实体类。
在这里插入图片描述

示例2：小程序前端以upload()方式上传图片，后台接收将图片存储到服务器，并随机生成不重复的图片名，最后将图片名存入mysql数据库。

1.SpringContextUtil工具类,直接copy就行

package org.springboot.wechatcity.utill;

import org.springframework.beans.BeansException;
import org.springframework.context.ApplicationContext;
import org.springframework.context.ApplicationContextAware;
import org.springframework.stereotype.Component;

/**
 * Spring工具类
 * 在非spring生命周期的地方使用javabean
 * @author _Yuan
 */
@SuppressWarnings("unchecked")
@Component
public class SpringContextUtil implements ApplicationContextAware {
    private static ApplicationContext appContext;

    @Override
    public void setApplicationContext(ApplicationContext applicationContext) throws BeansException {
        appContext = applicationContext;
    }

    public static ApplicationContext getApplicationContext() {
        return appContext;
    }

    //通过name,以及Clazz返回指定的Bean
    public static <T> T getBean(String name, Class<T> clazz) throws BeansException {
        return (T) appContext.getBean(name);
    }

    //通过name获取 Bean.
    public static Object getBean(String name){
        return getApplicationContext().getBean(name);
    }

    //通过class获取Bean.
    public static <T> T getBean(Class<T> clazz){
        return getApplicationContext().getBean(clazz);
    }

}

2.上传图片类

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.web.bind.annotation.CrossOrigin;
import javax.annotation.Resource;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.*;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.*;
import java.io.File;
import javax.servlet.http.HttpServlet;


/**
 * 图片上传到服务器，并将图片名存入数据库
 *
 * @author _Yuan
 * @since 2020年6月10日00:14:45
 */

@CrossOrigin(origins = {"*", "3600"})  //跨域注解，所有域名都可访问，且cookie的有效期为3600秒
@WebServlet(name = "firstServlet", urlPatterns = "/uploadPicture")  //标记为servlet，以便启动器扫描。
public class UploadPictureController extends HttpServlet {

    private static final Logger logger = LoggerFactory.getLogger(UploadPictureController.class);//日志
    
    @Override
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        Map<String, Object> resultMap = new HashMap<>();//存返回信息，建议写，较规范

        //获取文件需要上传到的路径
        @SuppressWarnings("deprecation")
        String path = request.getRealPath("/upload") + "/";

        // 判断存放上传文件的目录是否存在（不存在则创建）
        File dir = new File(path);
        if (!dir.exists()) {
            dir.mkdir();
        }
        logger.debug("path=" + path);

        try {
            //使用Apache文件上传组件处理文件上传步骤：
            //1、创建一个DiskFileItemFactory工厂
            DiskFileItemFactory factory = new DiskFileItemFactory();
            //2、创建一个文件上传解析器
            ServletFileUpload upload = new ServletFileUpload(factory);
            //3、使用ServletFileUpload解析器解析上传数据，解析结果返回的是一个List<FileItem>集合，每一个FileItem对应一个Form表单的输入项
            List<FileItem> list = upload.parseRequest(request);

//****看需求，我是一次只能传一张图，其实可以不用写成List***
            List<String> names = new ArrayList<>();//用于存放所有图片名

            for (FileItem item : list) {
                //如果fileitem中封装的是普通输入项的数据
                if (item.isFormField()) {
                    String name = item.getFieldName();
                    //解决普通输入项的数据的中文乱码问题
                    String value = item.getString("UTF-8");
                    System.out.println(name + "=" + value);
                } else {//如果fileitem中封装的是上传文件
                    //得到上传的文件名称，
                    String uuid = UUID.randomUUID().toString().replace("-", "");//UUID生成不重复的一串数字
                    String filename = uuid + "." + "jpg";
                    names.add(filename);
                    System.out.println("文件名：" + filename);

                    //获取item中的上传文件的输入流
                    InputStream in = item.getInputStream();
                    //创建一个文件输出流
                    FileOutputStream out = new FileOutputStream(path + "\\" + filename);
                    //创建一个缓冲区
                    byte buffer[] = new byte[1024];
                    //判断输入流中的数据是否已经读完的标识
                    int len = 0;
                    //循环将输入流读入到缓冲区当中，(len=in.read(buffer))>0就表示in里面还有数据
                    while ((len = in.read(buffer)) > 0) {
                        //使用FileOutputStream输出流将缓冲区的数据写入到指定的目录(savePath + "\\" + filename)当中
                        out.write(buffer, 0, len);
                    }
                    //关闭输入流
                    in.close();
                    //关闭输出流
                    out.close();
                    //删除处理文件上传时生成的临时文件
                    item.delete();
                    System.out.println("文件上传服务器成功！");
                }
            }
            
            
            //上传所有文件名
            System.out.println("图片名正在上传...请稍等"); 
            //******非spring生命周期用注解需要用到SpringContextUtil工具类*****
            SubMessageService subMessageService = SpringContextUtil.getBean("sub", SubMessageService.class);

            GetInfoId id = new GetInfoId();//为了获取ID，专门写的类
            int ID = id.getID();
            if (names.size() != 0) {//上传了图片
                try {
                    subMessageService.uploadAllPictureNames(new PicturesNames(ID, names.get(0), null, null));//根据Id更新所有图片
                    System.out.println("消息ID为：" + ID);
                    System.out.println("图片名已上传数据库成功~");
                }catch (Exception e){
                    e.printStackTrace();
                }
            } else {
                System.out.println("未上传图片");
            }

        } catch (Exception e) {
            System.out.println("文件上传失败！");
            e.printStackTrace();

        }


        resultMap.put("code", 0);
        resultMap.put("msg", "图片上传成功");
        return resultMap;
    }

结果：
在这里插入图片描述
在这里插入图片描述

关于本示例，如果还有困惑或者有兴趣可以戳我另一篇文章。---->>>>小程序后台同时接收前端上传的数据信息和图片的示例
ZLZQ_Yuan
关注
专栏目录
mysql存储图片_浅谈怎么才能在MySQL中直接储存图片
weixin_30794639的博客
01-18 2527
如果你想把二进制的数据,比如说图片文件和HTML文件,直接保存在你的MySQL数据库，那么这篇文章就是为你而写的！我将告诉你怎样通过HTML表单来储存这些文件，怎样访问和使用这些文件。本文概述：在mysql中建立一个新的数据库一个怎样储存文件的例子程序一个怎样访问文件的例子程序在mysql中建立一个新的database首先，你必须在你的mysql中建立一个新的数据库，我们将会把那些二进制文件储存在...
往MySQL中存储图片
热门推荐
阿甘的专栏
02-02 12万+
往MySQL中存储图片 1 介绍在设计到数据库的开发中，难免要将图片或音频文件插入到数据库中的情况。一般来说，我们可以同过插入图片文件相应的存储位置，而不是文件本身，来避免直接向数据库里插入的麻烦。但有些时候，向MySQL中插入图片更加容易管理。那么在MySQL中该怎么存储呢？参考资料[1]中有个相当清晰的例子，不过是基于MySQL图形界面的查询工具Query Brower的，你的
MySQL存取大文本及二进制文件(图片)
08-07
NULL 博文链接：https://songjianyong.iteye.com/blog/1961765
MySQL数据库中存储图片和读取图片的操作
最新发布
蜡笔小新星的博客
10-15 3206
BLOB 存储：适合存储小图片或需要保持数据完整性的场景，但可能会增加数据库的大小和备份复杂性。文件系统存储：适合存储大图片或需要频繁访问的场景，可以减少数据库负载，但需要确保文件系统的可用性和安全性。选择哪种方法取决于具体的应用场景和需求。
MySQL数据类型--数据类型选择
ElliottX4
04-06 1357
MySQL数据类型--数据类型选择 转载地址:http://www.cnblogs.com/songjy2116/p/5220581.html 在MySQ中创建表时，需要考虑为字段选择哪种数据类型是最合适的。选择合适的数据类型，会提高数据库的效率。 1、整数类型和浮点数类型 整数类型和浮点数类型最大的区别在于能否表达小数。整数类型不能表示小数，而浮点数类型可以表示小
SpringMVC Mybatis MySQL实现图片存储到数据库及读取显示缩微图
jwl_yifeng的专栏
11-27 1万+
mysql通过longblog类型字段存储图片，并实现缩微图显示
从数据库(mysql)存取图片
lujibiao的专栏
08-17 744
关键字：mysql jsp 图片存取 为了使用JSP灵活，需要把各种文件储存到数据库中，然后需要的时候把它读取出来显示到客户端。这些文件包括音乐，图片，文本等，人们统称为二进制文件。   首先，二进制文件储
在MySQL中存储图片
weixin_56166431的博客
02-02 4640
在MySQL中存储和提取图片通常涉及使用BLOB（Binary Large Object）数据类型。
mysql存储图片
weixin_53370274的博客
12-14 3万+
转载 mysql可以存储图片，并且有两种存储方法，分别是：1、将图片保存的路径存储到数据库；2、将图片以二进制数据流的形式直接写入数据库字段中。 可以存储图片。在mysql存储图片的方法一般有两种：其一，将图片保存的路径存储到数据库；其二，将图片以二进制数据流的形式直接写入数据库字段中。 一、保存图片的上传路径到数据库： string uppath="";//用于保存图片上传路径 　　//获取上传图片的文件名 　　string fileFullname = this.FileUpload1.FileNa
mysql存取图片
崆峒山人
06-12 801
package com.mycompany.mysql.image; import java.io.*; import java.sql.*; public class Main { public static void main(String[] args) { Main m = new Main();
MySQL如何存储图片.doc
02-14
Mysql使用的简单示例
c#数据库操作二进制存取图片源码.rar
10-31
"c#数据库操作二进制存取图片源码.rar"这个压缩包文件显然包含了一个示例项目，展示了如何在C#中将图片以二进制形式存储到数据库，并进行读取。这种做法通常用于存储无法直接作为文本的非结构化数据。 首先，我们来...
php+mysql动态网站开发实例 源码
01-11
本实例中的"php+mysql动态网站开发实例 源码"提供了一个完整的、基于这两种技术的网站应用示例，可以帮助开发者深入理解如何将PHP脚本语言与MySQL数据库系统集成，以实现动态数据交互和管理功能。 PHP（Hypertext ...
Mysql图片存取
朝花夕拾
08-30 934
创建数据库表 photo： CREATE TABLE Photo( ID INT primary key auto_increment, FILE BLOB//存放二进制文件，如图片 ); 把图片插入数据库: //前提数据库已拿到连接 public class MysqlInsertPhoto { public static void main(String args[
VB 数据库存取图片 示例代码
07-12
以下是一个简化的VB代码示例，演示了如何存取图片到数据库： ```vb Imports ADODB Imports System.IO ' 连接数据库 Dim conn As New Connection conn.ConnectionString = "your_connection_string" ' 存储图片 ...
mysql 中图片的存取
11-22 572
 当然应当先建立一个数据库：还是上次的那个create table picture_db( file_name varchar(255) not null, content longblob, primary key (file_name)); import java.io.File;import java.io.FileInputStream;import j
mysql数据库保存图片
alankuo的专栏
10-03 241
【代码】mysql数据库保存图片。
MySQL如何存储图片
贼哥CTO
05-14 3095
1、引言 数据库应用程序，特别是基于WEB的数据库应用程序，常会涉及到图片信息的存储和显示。通常我们使用的方法是将所要显示的图片存在特定的目录下，在数据库中保存相应的图片的名称，在JSP中建立相应的数据源，利用数据库访问技术处理图片信息。但是，如果我们想动态的显示图片，上述方法就不能满足需要了。我们必须把图片存入数据库，然后通过编程动态地显示我们需要的图片。实际操作中，可以利用JSP的编程模式来
将图片存进mysql数据库
Allenzyg的博客
11-17 9354
正常的图片储存要么放进本地磁盘，要么就存进数据库。存入本地很简单，本篇博客记录如何将图片存进mysql数据库，如果要图片存进数据库，要将图片转化成二进制。场景：前端页面要展现公司、商铺信息，其中包括公司logo、商铺图片。1.数据库存储图片的字段类型要为blob二进制大对象类型。2、`photo`字段类型一定要足够大，不然会报错。2.将图片流转化为二进制 下面放上代码实例。我这里使用的数据库工具是：DBeaver。1、记得添加MySQL驱动包。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值