JSP项目中如何将用户上传图片保存至WEB-INF/imgs并存储路径

一、修改表单核心配置 #

你的表单缺少文件上传必须的编码属性，必须添加才能正确传递文件数据：

<form class="container " method="post" enctype="multipart/form-data">

二、替换JSP中的文件处理逻辑 #

不能用request.getParameter()获取上传文件，需改用Servlet 3.0+原生的Part接口（无需额外依赖），调整后的JSP代码如下：

<%
    if(request.getPart("picture") != null){
        // 获取普通表单字段
        String name = request.getParameter("name");
        String description = request.getParameter("description");
        double price = Double.valueOf(request.getParameter("price"));
        String brand = request.getParameter("brand");
        String type = request.getParameter("type");
        int quantity = Integer.parseInt(request.getParameter("quantity"));

        // 处理上传文件
        Part picturePart = request.getPart("picture");
        // 生成唯一文件名（避免重名覆盖）
        String fileName = System.currentTimeMillis() + "_" + picturePart.getSubmittedFileName();
        // 定义存储目录：WEB-INF/imgs，自动创建不存在的文件夹
        String saveDirPath = application.getRealPath("/WEB-INF/imgs");
        File saveDir = new File(saveDirPath);
        if(!saveDir.exists()){
            saveDir.mkdirs();
        }
        // 保存文件到目标路径
        picturePart.write(saveDirPath + File.separator + fileName);

        // 准备存入数据库的相对路径
        String dbImagePath = "/WEB-INF/imgs/" + fileName;

        // 调用JDBC保存产品信息（替换为你的JDBC逻辑）
        // ProductDAO.save(name, description, price, brand, type, quantity, dbImagePath);

        // 调整原有Client调用，传递图片路径而非File对象
        Client client = Client.create();
        WebResource webResource = client.resource("...link.../" + name + "/" + description + "/" + price + "/" + brand + "/" + type + "/" + quantity + "/" + dbImagePath);
        ClientResponse myresponse = webResource.accept("text/plain").get(ClientResponse.class);
    }
%>

三、JDBC保存路径到数据库 #

示例JDBC代码（假设产品表名为products，图片路径列名为image_path）：

public class ProductDAO {
    public static void saveProduct(String name, String description, double price, String brand, String type, int quantity, String imagePath) throws SQLException {
        String dbUrl = "jdbc:mysql://localhost:3306/your_database";
        String dbUser = "your_username";
        String dbPwd = "your_password";
        String sql = "INSERT INTO products(name, description, price, brand, type, quantity, image_path) VALUES(?, ?, ?, ?, ?, ?, ?)";
        
        try(Connection conn = DriverManager.getConnection(dbUrl, dbUser, dbPwd);
            PreparedStatement pstmt = conn.prepareStatement(sql)){
            pstmt.setString(1, name);
            pstmt.setString(2, description);
            pstmt.setDouble(3, price);
            pstmt.setString(4, brand);
            pstmt.setString(5, type);
            pstmt.setInt(6, quantity);
            pstmt.setString(7, imagePath);
            pstmt.executeUpdate();
        }
    }
}

四、商品页面展示图片 #

WEB-INF目录下的文件无法直接通过URL访问，需编写Servlet读取图片并返回：

1. 图片读取Servlet代码 #

@WebServlet("/getProductImage")
public class ImageServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String imagePath = request.getParameter("path");
        String realFilePath = getServletContext().getRealPath(imagePath);
        File imageFile = new File(realFilePath);

        // 设置响应的文件类型
        String contentType = getServletContext().getMimeType(imageFile.getName());
        response.setContentType(contentType);

        // 将图片写入响应流
        try(InputStream in = new FileInputStream(imageFile);
            OutputStream out = response.getOutputStream()){
            byte[] buffer = new byte[1024];
            int bytesRead;
            while((bytesRead = in.read(buffer)) != -1){
                out.write(buffer, 0, bytesRead);
            }
        }
    }
}

2. 页面展示图片 #

<!-- 假设从数据库取出的图片路径为product.imagePath -->
<img src="getProductImage?path=<%= product.getImagePath() %>" alt="Product Image">

五、优化建议 #

• 不要在JSP中写业务逻辑，将文件上传、JDBC操作移至Servlet或Service类，符合MVC规范
• 限制上传文件的类型（仅允许jpg、png等图片格式）和大小，避免恶意文件上传
• 可考虑将图片存储到服务器非WEB目录或云存储，避免项目重新部署时丢失图片

内容的提问来源于stack exchange，提问作者StudentInNeed