java - 在页面上显示加载的图像

Question

这是我的标记，用于显示我加载的图像:

<div id="loadedImages" style="display: inline-block;">
  <img alt="First image" src="" />
  <img alt="Second image" src="" /> 
</div>  

在servlet中我加载了像

这样的图像

FileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload servletFileUpload = new ServletFileUpload(factory);
List<FileItem> multiparts = servletFileUpload.parseRequest(request);

ImageHolder.setImage1(ImageIO.read(multiparts.get(0).getInputStream()));
ImageHolder.setImage2(ImageIO.read(multiparts.get(1).getInputStream()));

ImageHolder 是一个简单的类，包含两个静态字段 BufferedImage 和 getters/setters。

如何在页面上显示此图像以及 src 中应包含哪些内容？

Answer 1

您需要定义一个 Servlet 来加载图像并将其发送到输出流。您还可以使用请求参数来指定要加载的图像:

<div id="loadedImages" style="display: inline-block;">
  <c:url var="firstURL"
    value="/ImageServlet?imageId=First.jpg" />
  <img alt="First image" src="${firstURL}" />

  <c:url var="secondURL"
    value="/ImageServlet?imageId=Second.jpg" />
  <img alt="Second image" src="${secondURL}" /> 
</div>  

并定义如下 Servlet 来加载图像并将其发送到客户端:

public class ImageServlet extends HttpServlet {
...
     protected void doGet(HttpServletRequest request,
         HttpServletResponse response) throws ServletException, IOException {
     String imageName = request.getParameter("imageId");
     //Read image into byte array
     byte[] data = ImageHolder.readImage(imageName);
     //Write image into output stream
     response.setContentType("image/jpeg");
     response.getOutputStream().write(data);
     }

}