如果图像尺寸很大，则不会加载

Question

我正在使用 MEDIUMBLOB 将图像存储在数据库中。当我尝试通过 servlet 加载图像时，我能够看到这些图像。但是，如果图像尺寸很大（1 MB 或更大），我可以在浏览器上看到一半或 3/4 的图像。

当我下载相同的图像并将其放入公共网络内容时，它可以完美运行。知道如何克服这个问题吗？我需要在 servlet 或 MySQL 中设置任何变量吗？

（JSF 生成的）HTML 代码如下：

<img src="DisplayImage?mainID=drawing" />

图像 servlet 执行以下操作：

String imgLen = rs1.getString(1);
int len = imgLen.length();
byte[] rb = new byte[len];
InputStream readImg = rs1.getBinaryStream(1);
InputStream inputStream = readImg;
int index = readImg.read(rb, 0, len);
response.reset();
response.setHeader("Content-Length", String.valueOf(len));
response.setHeader("Content-disposition", "inline;filename=/file.png");
response.setContentType("image/png");
response.getOutputStream().write(rb, 0, len);
response.getOutputStream().flush();

编辑 1

当我使用下面的代码并将文件保存到本地磁盘时，我看到了完整的图像。

String imgLen = rs1.getString(1);
int len = imgLen.length();
rb = new byte[len];
inputStream = rs1.getBinaryStream(1);
while ((read = inputStream.read(rb)) != -1) {
    out.write(rb, 0, read);
}
out.flush();
out.close();

编辑 2

当我保存浏览了一半的图像时，我注意到这些 图像的大小为 100KB。我的 1 MB 图像显示大小为 100KB。所有图像都会发生这种情况:(

我认为这是最大的提示出了什么问题。但我不明白出了什么问题。

编辑 3

如果我从web.xml 中删除以下内容，我就可以查看这些图片。

<filter>
    <filter-name>MyFacesExtensionsFilter</filter-name>
    <filter-class>org.apache.myfaces.webapp.filter.ExtensionsFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>MyFacesExtensionsFilter</filter-name>
    <servlet-name>Faces Servlet</servlet-name>
</filter-mapping>

我可以删除那些吗？我不记得为什么我添加了这些...

编辑 4

我的 web.xml 文件是

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            60
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
    <filter>
        <filter-name>restrict</filter-name>
        <filter-class>com.sac.filter.MyFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>restrict</filter-name>
        <url-pattern>*.xhtml</url-pattern>
    </filter-mapping>
    <filter>
        <filter-name>MyFacesExtensionsFilter</filter-name>
        <filter-class>org.apache.myfaces.webapp.filter.ExtensionsFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>MyFacesExtensionsFilter</filter-name>
        <servlet-name>Faces Servlet</servlet-name>
    </filter-mapping>

    <servlet>
        <servlet-name>DisplayImage</servlet-name>
        <servlet-class>com.sac.databean.DisplayImage</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>DisplayImage</servlet-name>
        <url-pattern>/DisplayImage</url-pattern>
    </servlet-mapping>
    <servlet>
        <servlet-name>SaveMyImage</servlet-name>
        <servlet-class>com.sac.databean.SaveMyImage</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>SaveMyImage</servlet-name>
        <url-pattern>/SaveMyImage</url-pattern>
    </servlet-mapping>
</web-app>

Answer 1

您测量图像长度的方式是错误的。您基本上是将图像字节转换为人类可读的字符（以难以理解的顺序，但除此之外），然后计算字符的数量。这个不对。您需要计算原始和未转换字节的数量。一个字符不一定只用一个字节表示，但可以用多个字节表示。

有两种方法可以解决您的问题：

1. 请改用ResultSet#getBytes()。

   byte[] content = resultSet.getBytes("content");
   // ...
   response.setContentLength(content.length);
   response.getOutputStream().write(content);
   

   请注意，这是内存占用，因为 byte[] 中的每个 byte 基本上都会累积 Java 内存的一个字节。

2. 还要在查询中选择 BLOB 长度。如何做到这一点取决于使用的数据库。在 MySQL 中，您可以为此使用 LENGTH() 函数。

   SELECT content, LENGTH(content) AS contentLength FROM image WHERE id = ?
   

   然后您按如下方式处理：

   InputStream content = resultSet.getBinaryStream("content");
   int contentLength = resultSet.getInt("contentLength");
   // ...
   response.setContentLength(contentLength);
   SomeUtil.streamByBuffer(content, response.getOutputStream());
   

   （其中该过程不是通过完整图像长度的byte[] 进行的）

---

更新：毕竟，图像上的请求似乎调用了MyFacesExtensionsFilter，这显然是在过度缓冲响应而没有在chain.doFilter() 返回时正确刷新它。此过滤器根据仅在调用FacesServlet 时调用的映射规则。但这不应该发生。图像请求应该只调用图像 servlet，而不是面孔 servlet。

根据映射规则，FacesServlet 在 /faces/* 上调用，而您的图像 servlet 在 /DisplayImage 上映射。您所拥有的 <img src> 与当前请求 URL 相关，因此它最终会成为 /faces/DisplayImage，它将首先调用 FacesServlet，然后是 DisplayImage servlet。这是错误的。

您应该相应地更改 JSF 代码，以便 <img src> 最终成为域相关的，以便它只调用 /DisplayImage servlet。

<img src="/contextpath/DisplayImage?mainID=drawing" />

您可以通过在<h:graphicImage> 中使用前导斜杠来实现此目的。它将自动添加上下文路径。

<h:graphicImage value="/DisplayImage?mainID=drawing" />