简单实现java上传图片文件功能

下面是详细讲解“简单实现Java上传图片文件功能”的完整攻略。

1. 确认技术栈

在开始实现上传图片文件功能之前，需要确认一下使用的技术栈。Java Web 应用的上传图片文件功能通常包含以下几个技术：

• HTML 表单：用于用户在浏览器中选择图片文件并提交到服务器。
• Servlet：处理浏览器的请求，获取前台提交的文件数据。
• 文件存储：将上传的文件保存到服务器的文件系统中。
• HTTP 返回数据：向浏览器返回上传结果。

在确认使用的技术栈之后，接下来就可以开始实现上传图片文件功能了。

2. 编写 HTML 表单

HTML 表单用于让用户选择图片文件并提交到服务器。下面是一个简单的 HTML 表单示例：

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file"/>
  <input type="submit" value="上传"/>
</form>

该表单包含一个文件选择框和一个提交按钮，其中 name="file" 的 input 标签用于指定文件选择框对应的表单字段名。enctype="multipart/form-data" 则是必须的，用于指定表单提交的内容包含文件。

3. 编写 Servlet 处理请求

在用户提交表单后，Servlet 就会接收到请求。下面是一个简单的 Servlet 示例代码，用于处理用户上传的文件数据并将其保存到服务器文件系统中：

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

  protected void doPost(HttpServletRequest request, HttpServletResponse response) 
    throws ServletException, IOException {
    Part filePart = request.getPart("file"); // 获取文件数据
    String fileName = filePart.getSubmittedFileName(); // 获取文件名
    InputStream fileContent = filePart.getInputStream(); // 获取文件内容
    String uploadPath = getServletContext().getRealPath("/uploads"); // 获取文件保存路径
    File file = new File(uploadPath, fileName);
    Files.copy(fileContent, file.toPath()); // 保存文件
    response.getWriter().write("上传成功");
  }
}

该示例代码中，我们使用 @WebServlet 注解将 Servlet 映射到 /upload 路径，然后使用 @MultipartConfig 注解指定该 Servlet 可以处理包含文件的表单。在 doPost 方法中，我们首先调用 request.getPart 方法获取前台提交的文件数据，并调用 getSubmittedFileName 方法获取文件名，然后调用 getInputStream 方法获取文件内容。接下来，我们使用 getServletContext().getRealPath 方法获取文件保存路径，并创建该文件并保存文件内容。

4. 运行代码并测试

最后，我们需要运行该代码并测试上传图片文件功能是否正常。将以上代码保存为 Java 文件并在 Tomcat 等 Servlet 容器中运行，然后在浏览器中访问页面并上传一张图片即可。上传成功后，该图片应该会被保存到服务器的文件系统中。

示例说明

示例 1：假设有一个图片分享网站，需要实现用户上传自己的图片至网站服务器的功能。用户可以在上传成功后，通过链接地址在网站上浏览自己的图片。

需先创建一个简单的 HTML 页面，当用户点击提交后，该页面将会提交表单数据至服务器：

<form action="/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file"/>
  <input type="submit" value="上传"/>
</form>

在编写后端代码时，需要在处理请求的 Servlet 中获取前端提交的图片文件信息，并将其保存到服务器中。处理 Servlet 代码示例：

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

  protected void doPost(HttpServletRequest request, HttpServletResponse response) 
    throws ServletException, IOException {
    Part filePart = request.getPart("file"); // 获取文件数据
    String fileName = filePart.getSubmittedFileName(); // 获取文件名
    InputStream fileContent = filePart.getInputStream(); // 获取文件内容
    String uploadPath = getServletContext().getRealPath("/uploads"); // 获取文件保存路径
    File file = new File(uploadPath, fileName);
    Files.copy(fileContent, file.toPath()); // 保存文件
    response.getWriter().write("上传成功");
  }
}

以上代码实现了获取前端上传图片文件并保存到服务器的功能。在保存成功后，我们还需要将该图片的链接地址返回给前端，以便用户能在网站上浏览自己的图片。

示例 2：假设有一个在线购物网站，需要实现用户添加购物车时上传商品图片的功能。商品图片需要切割成不同尺寸的缩略图并保存到服务器中。

在处理请求的 Servlet 中读取和保存文件后，我们还需要将文件切割成不同尺寸的缩略图。具体实现方式可以使用开源的图片处理库，如 ImageMagick 或 Thumbnailator 等。

public void processImage(String absolutePath) {
  File imgFile = new File(absolutePath);
  BufferedImage uploadedImg = ImageIO.read(imageFile);
  // 缩小尺寸
  BufferedImage scaledImg = Scalr.resize(uploadedImg, 100);
  // 创建缩略图文件
  File thumbFile = new File(imgFile.getParent(), "thumb_100x100.jpg");
  // 写入切割后的缩略图
  ImageIO.write(scaledImg, "jpg", thumbFile);
}

以上代码中，我们使用 ImageIO 的 read 方法读取图片文件，然后使用 Scalr 库的 resize 方法将图片缩小尺寸，最后使用 ImageIO 的 write 方法将缩略图保存到服务器文件系统中。

在处理完所有缩略图并保存到服务器后，我们还需要将缩略图的链接地址返回给前端，供用户查看。