图像过大将无法加载

Question

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

当我下载相同的图像并将其放入公共Web内容时，它可以完美运行。 任何想法如何克服这个问题？ 我需要在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。

根据映射规则，在/faces/*上调用FacesServlet而将图像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" />