一尘不染

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

java jsp 数据库 图像

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


阅读 463

收藏
2020-01-10

共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);
        }
    }
}
2020-01-10