如何在JSP页面中从数据库检索和显示图像？

Question

如何在JSP页面中从数据库检索和显示图像？

Answer 1

让我们逐步查看会发生什么：

• JSP基本上是一种视图技术，应该可以生成HTML输出。
• 要以HTML显示图像，你需要HTML <img>元素。
• 要使其定位图像，你需要指定其src属性。
• 该src属性需要指向有效的http://URL，而不是本地磁盘文件系统路径file://，因为当服务器和客户端在物理上不同的计算机上运行时，该路径将永远无法工作。
• 图片网址需要在请求路径（例如http://example.com/context/images/foo.png）中或作为请求参数（例如http://example.com/context/images?id=1）中具有图片标识符。
• 在JSP / Servlet世界中，你可以让Servlet监听特定的URL模式，例如/images/*，这样你就可以在特定的URL上执行一些Java代码。
• 图像是二进制数据并且将被无论是作为获得byte[]或InputStream从DB中，JDBC API提供ResultSet#getBytes()与ResultSet#getBinaryStream()此，和JPA API提供@Lob用于此。
• 在Servlet中，你可以仅使用通常的Java IO方法将其写入byte[]或写入响应。InputStreamOutputStream
• 需要指示客户端将数据作为图像处理，因此至少也Content-Type需要设置响应头。你可以ServletContext#getMimeType()根据图片文件扩展名获得合适的扩展名，可以通过<mime-mapping>扩展和/或覆盖文件web.xml。

应该是这样。它几乎自己编写代码。让我们从HTML（在JSP中）开始：

<img src="${pageContext.request.contextPath}/images/foo.png">
<img src="${pageContext.request.contextPath}/images/bar.png">
<img src="${pageContext.request.contextPath}/images/baz.png">

必要时，可以动态地也设置src有EL而使用迭代JSTL：

<c:forEach items="${imagenames}" var="imagename">
    <img src="${pageContext.request.contextPath}/images/${imagename}">
</c:forEach>

然后定义/创建一个servlet，该servlet侦听URL模式为的GET请求/images/*，以下示例将普通的JDBC用于作业：

@WebServlet("/images/*")
public class ImageServlet extends HttpServlet {

    // content=blob, name=varchar(255) UNIQUE.
    private static final String SQL_FIND = "SELECT content FROM Image WHERE name = ?";

    @Resource(name="jdbc/yourDB") // For Tomcat, define as <Resource> in context.xml and declare as <resource-ref> in web.xml.
    private DataSource dataSource;

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String imageName = request.getPathInfo().substring(1); // Returns "foo.png".

        try (Connection connection = dataSource.getConnection(); PreparedStatement statement = connection.prepareStatement(SQL_FIND)) {
            statement.setString(1, imageName);

            try (ResultSet resultSet = statement.executeQuery()) {
                if (resultSet.next()) {
                    byte[] content = resultSet.getBytes("content");
                    response.setContentType(getServletContext().getMimeType(imageName));
                    response.setContentLength(content.length);
                    response.getOutputStream().write(content);
                } else {
                    response.sendError(HttpServletResponse.SC_NOT_FOUND); // 404.
                }
            }
        } catch (SQLException e) {
            throw new ServletException("Something failed at SQL/DB level.", e);
        }
    }
}