Question

我使用MEDIUMBLOB在DB中存储图像。当我尝试通过servlet加载图像时，我能够看到这些图像。但是，如果图像大小很大（1 MB或更多），我可以在浏览器上看到一半或三分之一的图像。

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

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

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

请改用ResultSet#getBytes()。

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

请注意，这是内存占用，因为byte的{{1}}基本上累积了一个字节的Java内存。

同样在查询中选择BLOB长度。如何做到这一点取决于使用的数据库。在MySQL中，您可以使用byte[]函数。
```
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>与当前请求网址相关，因此它最终最终为/faces/DisplayImage，它将首先调用FacesServlet然后调用DisplayImage servlet 。这是错误的。

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

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

只需使用<h:graphicImage>中的前导斜杠即可实现此目的。它会自动添加上下文路径。

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

如果图像尺寸较大，则无法加载图像

编辑1

编辑2

编辑3

编辑4

1 个答案: