Java 实现 HTML 上传图片到 MySQL 数据库并展示在表格中

要将HTML传递过来的图片保存到MySQL数据库并在HTML前端表格中显示，您可以按照以下步骤使用Java代码实现：\n\n1. 创建一个HTML表单，其中包含一个<input type='file'>元素用于选择图片文件，并将表单数据提交到Java后端。\n\n2. 在Java后端，使用Servlet或Spring MVC等框架来处理表单提交。获取上传的图片文件。\n\n3. 使用Java的文件操作API，将上传的图片文件保存到服务器的某个临时目录中。\n\n4. 使用Java代码连接到MySQL数据库，并创建一张表格来保存图片的相关信息，例如图片名称、文件路径等。\n\n5. 将图片信息插入到MySQL数据库中，同时获取插入的图片记录的自动生成的ID。\n\n6. 将保存图片的临时目录中的图片文件移动到一个永久目录，并以图片记录的ID作为文件名。\n\n7. 在HTML前端，使用Java代码查询MySQL数据库中的图片记录，并将其显示在表格中。可以使用JSP或Thymeleaf等模板引擎来实现。\n\n下面是一个简单示例的代码：\n\nHTML表单：\nhtml\n<form action='upload' method='post' enctype='multipart/form-data'>\n <input type='file' name='image'>\n <input type='submit' value='上传'>\n</form>\n\n\nJava后端Servlet代码：\njava\n@WebServlet('/upload')\npublic class UploadServlet extends HttpServlet {\n protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\n // 获取上传的图片文件\n Part imagePart = request.getPart('image');\n \n // 将图片文件保存到临时目录\n String tempDir = '/path/to/temp/dir';\n String fileName = UUID.randomUUID().toString(); // 使用UUID生成唯一的文件名\n imagePart.write(tempDir + '/' + fileName);\n \n // 连接到MySQL数据库\n Connection conn = null;\n try {\n conn = DriverManager.getConnection('jdbc:mysql://localhost:3306/db_name', 'username', 'password');\n \n // 创建图片表格（如果还不存在）\n String createTableSql = 'CREATE TABLE IF NOT EXISTS images (id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(255), path VARCHAR(255))';\n PreparedStatement createTableStmt = conn.prepareStatement(createTableSql);\n createTableStmt.executeUpdate();\n \n // 插入图片记录\n String insertSql = 'INSERT INTO images (name, path) VALUES (?, ?)';\n PreparedStatement insertStmt = conn.prepareStatement(insertSql, Statement.RETURN_GENERATED_KEYS);\n insertStmt.setString(1, fileName);\n insertStmt.setString(2, tempDir + '/' + fileName);\n insertStmt.executeUpdate();\n \n // 获取插入的图片记录的ID\n ResultSet generatedKeys = insertStmt.getGeneratedKeys();\n int imageId = 0;\n if (generatedKeys.next()) {\n imageId = generatedKeys.getInt(1);\n }\n \n // 移动图片文件到永久目录\n String permanentDir = '/path/to/permanent/dir';\n Files.move(Paths.get(tempDir + '/' + fileName), Paths.get(permanentDir + '/' + imageId));\n } catch (SQLException e) {\n e.printStackTrace();\n } finally {\n try {\n if (conn != null) {\n conn.close();\n }\n } catch (SQLException e) {\n e.printStackTrace();\n }\n }\n \n // 重定向到HTML前端页面\n response.sendRedirect('index.html');\n }\n}\n\n\nHTML前端页面：\nhtml\n<table>\n <tr>\n <th>ID</th>\n <th>图片</th>\n </tr>\n <% List<Image> images = getImageListFromDatabase(); %>\n <% for (Image image : images) { %>\n <tr>\n <td><%= image.getId() %></td>\n <td><img src='path/to/permanent/dir/<%= image.getId() %>'></td>\n </tr>\n <% } %>\n</table>\n\n\n上述示例代码仅供参考，您需要根据实际情况进行修改。图像信息的获取和显示可能需要使用相应的Java持久化框架和模板引擎。请注意，上述示例代码中的数据库连接和文件路径仅供参考，您需要根据实际情况进行修改。