Java图片上传Demo教程

1. 介绍

在本教程中，我将指导你如何使用Java编写一个简单的图片上传Demo。你将学习到如何处理文件上传，保存文件到服务器，并展示上传的图片。

2. 流程

下面是整个实现Java图片上传Demo的流程：

步骤 描述
1 创建一个包含上传表单的HTML页面
2 在Java中编写一个Servlet用于处理文件上传请求
3 解析请求，获取上传的文件
4 将文件保存到服务器上的指定目录
5 在HTML页面中展示上传的图片

现在让我们逐步来完成每一步。

3. 创建HTML页面

首先，我们需要创建一个HTML页面，该页面包含一个文件上传表单，以便用户可以选择要上传的图片。在HTML页面中，添加以下代码：

<!DOCTYPE html>
<html>
<head>
  <title>Java图片上传Demo</title>
</head>
<body>
  <h2>上传图片</h2>
  <form action="upload" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id="file" accept="image/*">
    <input type="submit" value="上传">
  </form>
</body>
</html>

在上述代码中，我们创建了一个文件上传表单，用于选择要上传的图片。表单的action属性指向了我们将在下一步中创建的Servlet。

4. 编写Servlet

接下来，我们需要在Java中编写一个Servlet，用于处理文件上传请求。在Servlet中，我们将解析请求，获取上传的文件，并将其保存到服务器上的指定目录。

首先，创建一个Java类，并继承javax.servlet.http.HttpServlet类。然后，实现doPost方法来处理POST请求。

import java.io.File;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;

@WebServlet("/upload")
@MultipartConfig
public class UploadServlet extends HttpServlet {

  protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // 获取上传的文件
    Part filePart = request.getPart("file");
    String fileName = filePart.getSubmittedFileName();

    // 保存文件的目录
    String savePath = "path/to/save/directory";

    // 保存文件到服务器上的指定目录
    File file = new File(savePath + File.separator + fileName);
    filePart.write(file.getAbsolutePath());

    // 返回上传成功的页面
    response.sendRedirect("success.html");
  }
}

在上述代码中，我们通过request.getPart("file")方法获取上传的文件。然后，我们使用getSubmittedFileName方法获取文件的原始名称。接下来，我们指定一个保存文件的目录，并将文件保存到该目录中。

注意：请将path/to/save/directory替换为你希望保存文件的实际目录。

最后，我们使用response.sendRedirect方法重定向到一个表示上传成功的HTML页面。

5. 展示上传的图片

最后一步是在HTML页面中展示上传的图片。创建一个名为success.html的HTML文件，并添加以下代码：

<!DOCTYPE html>
<html>
<head>
  <title>上传成功</title>
</head>
<body>
  <h2>上传成功！</h2>
  <img src="path/to/save/directory/上传的文件名.jpg" alt="上传的图片">
</body>
</html>

在上述代码中，我们使用<img>标签来展示上传的图片。将path/to/save/directory/上传的文件名.jpg替换为实际保存文件的路径和文件名。

总结

通过按照上述步骤，你已经成功地实现了Java图片上传Demo。现在你可以运行你的应用程序，并在浏览器中访问上传页面来上传图片了。

希望这篇教程能够帮助你理解如何实现Java图片上传Demo。如果你有任何问题，请随时向我提问。