jsp如何通过数据库显示图片

在JSP中通过数据库显示图片的方法包括：将图片存储在数据库中、将图片的路径存储在数据库中、通过JSP页面读取数据库内容并显示图片。本文将详细介绍这几种方法，并提供具体的代码示例和实施步骤。

一、图片存储在数据库中的方法

1.1、数据库设计

在数据库中创建一个表来存储图片数据。假设我们有一个名为images的表，包含两个字段：id（图片的唯一标识）和image_data（存储图片的二进制数据）。

CREATE TABLE images (
    id INT AUTO_INCREMENT PRIMARY KEY,
    image_data LONGBLOB
);

1.2、上传图片到数据库

首先，需要一个JSP页面来上传图片。以下是一个简单的示例：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>Upload Image</title>
</head>
<body>
    <form action="upload.jsp" method="post" enctype="multipart/form-data">
        <input type="file" name="image" />
        <input type="submit" value="Upload" />
    </form>
</body>
</html>

接着，在upload.jsp页面中处理上传的图片并将其存储到数据库中：

<%@ page import="java.sql.*, java.io.*, javax.servlet.*, javax.servlet.http.*, javax.servlet.annotation.*" %>
<%@ page import="org.apache.commons.fileupload.*, org.apache.commons.fileupload.disk.*, org.apache.commons.fileupload.servlet.*" %>
<%
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);
    Connection conn = null;
    PreparedStatement pstmt = null;
    try {
        List<FileItem> items = upload.parseRequest(request);
        for (FileItem item : items) {
            if (!item.isFormField()) {
                InputStream inputStream = item.getInputStream();
                conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/yourdatabase", "username", "password");
                String sql = "INSERT INTO images (image_data) VALUES (?)";
                pstmt = conn.prepareStatement(sql);
                pstmt.setBinaryStream(1, inputStream, (int) item.getSize());
                pstmt.executeUpdate();
            }
        }
        out.println("Image uploaded successfully!");
    } catch (Exception e) {
        e.printStackTrace();
        out.println("Error uploading image: " + e.getMessage());
    } finally {
        if (pstmt != null) pstmt.close();
        if (conn != null) conn.close();
    }
%>

1.3、从数据库中读取并显示图片

为了从数据库中读取图片并在JSP页面中显示，我们可以创建一个Servlet来处理图片请求，并将图片数据写入响应输出流：

@WebServlet("/displayImage")
public class DisplayImageServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        Connection conn = null;
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        try {
            int imageId = Integer.parseInt(request.getParameter("id"));
            conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/yourdatabase", "username", "password");
            String sql = "SELECT image_data FROM images WHERE id = ?";
            pstmt = conn.prepareStatement(sql);
            pstmt.setInt(1, imageId);
            rs = pstmt.executeQuery();
            if (rs.next()) {
                byte[] imageData = rs.getBytes("image_data");
                response.setContentType("image/jpeg");
                OutputStream os = response.getOutputStream();
                os.write(imageData);
                os.flush();
                os.close();
            }
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            if (rs != null) rs.close();
            if (pstmt != null) pstmt.close();
            if (conn != null) conn.close();
        }
    }
}

在JSP页面中，可以使用<img>标签来显示图片：

<img src="displayImage?id=1" alt="Image" />

二、图片路径存储在数据库中的方法

2.1、数据库设计

在数据库中创建一个表来存储图片路径。假设我们有一个名为images的表，包含两个字段：id（图片的唯一标识）和image_path（存储图片的路径）。

CREATE TABLE images (
    id INT AUTO_INCREMENT PRIMARY KEY,
    image_path VARCHAR(255)
);

2.2、上传图片并存储路径到数据库

首先，需要一个JSP页面来上传图片。以下是一个简单的示例：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>Upload Image</title>
</head>
<body>
    <form action="upload.jsp" method="post" enctype="multipart/form-data">
        <input type="file" name="image" />
        <input type="submit" value="Upload" />
    </form>
</body>
</html>

在upload.jsp页面中处理上传的图片并将其路径存储到数据库中：

<%@ page import="java.sql.*, java.io.*, javax.servlet.*, javax.servlet.http.*, javax.servlet.annotation.*" %>
<%@ page import="org.apache.commons.fileupload.*, org.apache.commons.fileupload.disk.*, org.apache.commons.fileupload.servlet.*" %>
<%
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);
    String uploadPath = getServletContext().getRealPath("") + File.separator + "uploads";
    File uploadDir = new File(uploadPath);
    if (!uploadDir.exists()) uploadDir.mkdir();
    Connection conn = null;
    PreparedStatement pstmt = null;
    try {
        List<FileItem> items = upload.parseRequest(request);
        for (FileItem item : items) {
            if (!item.isFormField()) {
                String fileName = new File(item.getName()).getName();
                String filePath = uploadPath + File.separator + fileName;
                File storeFile = new File(filePath);
                item.write(storeFile);
                conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/yourdatabase", "username", "password");
                String sql = "INSERT INTO images (image_path) VALUES (?)";
                pstmt = conn.prepareStatement(sql);
                pstmt.setString(1, filePath);
                pstmt.executeUpdate();
            }
        }
        out.println("Image uploaded successfully!");
    } catch (Exception e) {
        e.printStackTrace();
        out.println("Error uploading image: " + e.getMessage());
    } finally {
        if (pstmt != null) pstmt.close();
        if (conn != null) conn.close();
    }
%>

2.3、从数据库中读取并显示图片

在JSP页面中读取数据库中的图片路径并使用<img>标签来显示图片：

<%@ page import="java.sql.*" %>
<%
    Connection conn = null;
    PreparedStatement pstmt = null;
    ResultSet rs = null;
    try {
        conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/yourdatabase", "username", "password");
        String sql = "SELECT id, image_path FROM images";
        pstmt = conn.prepareStatement(sql);
        rs = pstmt.executeQuery();
        while (rs.next()) {
            int id = rs.getInt("id");
            String imagePath = rs.getString("image_path");
%>
            <img src="<%= imagePath %>" alt="Image" />
<%
        }
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        if (rs != null) rs.close();
        if (pstmt != null) pstmt.close();
        if (conn != null) conn.close();
    }
%>

三、通过JSP页面读取数据库内容并显示图片

3.1、数据库连接配置

为了简化数据库连接配置，可以在JSP项目的web.xml文件中配置数据库连接池：

<resource-ref>
    <description>DB Connection</description>
    <res-ref-name>jdbc/mydb</res-ref-name>
    <res-type>javax.sql.DataSource</res-type>
    <res-auth>Container</res-auth>
</resource-ref>

在JSP页面中，通过JNDI查找数据源并获取数据库连接：

<%@ page import="javax.naming.*, javax.sql.*, java.sql.*" %>
<%
    Context initContext = new InitialContext();
    Context envContext = (Context) initContext.lookup("java:/comp/env");
    DataSource ds = (DataSource) envContext.lookup("jdbc/mydb");
    Connection conn = ds.getConnection();
%>

3.2、读取数据库内容并显示图片

在JSP页面中读取数据库中的图片路径或二进制数据并显示图片：

<%@ page import="java.sql.*" %>
<%
    Connection conn = null;
    PreparedStatement pstmt = null;
    ResultSet rs = null;
    try {
        conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/yourdatabase", "username", "password");
        String sql = "SELECT id, image_path FROM images";
        pstmt = conn.prepareStatement(sql);
        rs = pstmt.executeQuery();
        while (rs.next()) {
            int id = rs.getInt("id");
            String imagePath = rs.getString("image_path");
%>
            <img src="<%= imagePath %>" alt="Image" />
<%
        }
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        if (rs != null) rs.close();
        if (pstmt != null) pstmt.close();
        if (conn != null) conn.close();
    }
%>

通过上述方法，您可以在JSP页面中通过数据库显示图片。无论是将图片存储在数据库中还是将图片路径存储在数据库中，都可以有效地实现这一目标。根据具体需求选择合适的方法，实现图片的上传和显示功能。