java - 如果图片尺寸过大，将无法加载

Question

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

当我下载相同的图像并将其放入公共(public)网络内容时，它运行良好。知道如何克服这个问题吗？我需要在 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小服务程序。这是错误的。

您应该相应地更改 JSF 代码，以便 <img src>最终成为域相关的，因此它只调用 /DisplayImage服务小程序。

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

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

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