java - 浏览器显示 jpeg 的原始图像数据。我应该确保响应中包含哪些 header ？

Question

我似乎遇到了一个有趣的问题，只要我的 Controller 的 URL 设置为 IMG 标签的 SRC，浏览器就会愉快地显示由我的 Spring MVC Web 应用程序生成的图像，但在直接导航时显示二进制数据到 URL。

我的 Spring MVC Controller 生成了一些 BufferedImage (缩略图)，将其转换为 byte[]并使用 @ResponseBody 将其直接返回到响应正文中 Controller 方法上的注释。我注册了org.springframework.http.converter.ByteArrayHttpMessageConverter带有 AnnotationMethodHandlerAdapter 的消息转换器甚至设置它的 supportedMediaTypes属性(property)image/jpeg ，这并没有真正帮助，所以我在 Controller 方法中手动设置响应的 Content-Type header 。

<img src="/images/thumbnail?id=1234" />

工作正常并显示图像，但是直接导航到图像的 SRC(或右键单击图像并选择查看图像)最终显示图像的原始数据。

根据 Firebug，从对此类 URL (http://localhost:8888/images/thumbnail?id=F0snPkvwhtDbl8eutbuq) 的请求中收到的响应 header 是:

HTTP/1.1 200 OK
Expires: Wed, 21 Dec 2011 12:39:07 GMT
Cache-Control: max-age=2592000
Content-Type: image/jpeg
Content-Length: 6998
Server: Jetty(6.1.10)

最后一句话:在 Firebug 中，单击 Response 选项卡会显示图像 :-) 我错过了什么？我认为浏览器接收到内容类型和内容长度 header ，知道需要 jpeg 图像，接收 jpeg 的原始数据，然后在空的浏览器选项卡中显示 jpeg。 FF 和 Chrome 以某种方式显示接收到的原始图像数据。

我正在使用的代码:

@RequestMapping(value = "thumbnail", method = { RequestMethod.GET })
@ResponseBody
public byte[] getImageThumbnail(@RequestParam("id") String documentId, HttpServletResponse response) {
    try {
        Document document = documentService.getDocumentById(documentId);
        InputStream imageInputStream = new FileInputStream(document.getUri());
        response.setContentType("image/jpeg");

        BufferedImage img = ImageIO.read(imageInputStream);
        ResampleOp resampleOp = new ResampleOp(THUMBNAIL_DIMENSION);
        BufferedImage thumbnail = resampleOp.filter(img, null);
        return getDataFromBufferedImage(thumbnail);
    } catch (Throwable t) {
        return null; //return no data if document not found or whatever other issues are encountered
    }
}

private byte[] getDataFromBufferedImage(BufferedImage thumbnail) throws IOException {
    ByteArrayOutputStream baos = new ByteArrayOutputStream();
    try {
        ImageIO.write(thumbnail, "jpg", baos);
        baos.flush();
        return baos.toByteArray();
    } finally {
        baos.close();
    }
}

===更新===我听从了@BalusC 的建议，并将生成缩略图的 url 更改为看起来像实际的 .jpg 文件。这有所不同，因为现在我可以“将图像另存为”，文件名不再只是“缩略图”，而是“.jpg”，这很好。但是，Chrome 和 FF(我什至还没有开始在 IE 上进行测试)在将 URL 加载到新的选项卡/窗口中时都会显示原始 JFIF 数据。尽管如此，图像仅在 URL 位于 IMG 标签的 SRC 属性中并且(由于浏览器缓存)当用户选择在新选项卡中查看图像时显示(但仅当用户不刷新选项卡时，刷新选项卡将重新获取JPEG 并在窗口中显示原始数据)。

编辑我刚刚在 IE9 中对此进行了测试，这是唯一可以按预期工作的浏览器。我可以直接导航到 URL 并不断刷新页面，我可以看到我的 Controller 被点击并且 JPEG 被加载到浏览器窗口中。出色的。现在弄清楚 FF/CR 处理我发送的 JPEG 的方式有什么问题。

附加信息我正在使用 Spring 版本 3.0.6.RELEASE从 Jetty 运行网络应用

编辑我通过不使用 @ResponseBody 解决了我的问题和 BytArrayHttpMessageConverter - 我尝试了 SO 上另一个线程中提出的解决方法 - 那就是将字节直接写入响应输出流:IOUtils.copy(imageInputStream, response.getOutputStream());这很简单并且有效，我仍然很好奇浏览器如何在 <img> 中加载响应的奇怪问题是什么标记但不直接在浏览器窗口中。任何人都可以对此有更多的了解，我真的很想知道更多。我暂时不回答这个问题。

Answer 1

尝试将注释更新为:

@RequestMapping(value = "thumbnail", method = { RequestMethod.GET }, produces = {"image/jpeg"})    
@ResponseBody

注意 produces 属性。

希望对您有所帮助。