使用 Express 显示图像，而不是下载它

Question

我正在工作的一个简单服务器可以提供图像。当直接浏览到图像 URL 时，Chrome 会提供下载图像的功能，而不仅仅是在浏览器中显示它。这是为什么？大概是标题中的东西？

相关代码是这样的：

    tilestore.getTile(req.param("z"), req.param("x"), req.param("y"), function(err, tile) {

      if (!err) {
        res.send(tile);
      } else {
        res.send("Tile rendering error: " + err + "\n");
      }

    });

我需要在标题中添加一些内容吗？目前情况如下：

HTTP/1.1 200 OK
Server: nginx/1.4.6 (Ubuntu)
Date: Mon, 01 Sep 2014 07:22:30 GMT
Content-Type: application/octet-stream
Content-Length: 37779
Connection: keep-alive
X-Powered-By: Express
ETag: W/"9393-1937584155"

Answer 1

好吧，这很容易。只需设置content-type：

  if (!err) {
    res.contentType('image/png');
    res.send(tile);
  } else {
    res.send("Tile rendering error: " + err + "\n");
  }

这些图像始终是.png。

新标题：

HTTP/1.1 200 OK
Server: nginx/1.4.6 (Ubuntu)
Date: Mon, 01 Sep 2014 07:33:22 GMT
Content-Type: image/png
Content-Length: 37779
Connection: keep-alive
X-Powered-By: Express
ETag: W/"9393-1937584155"

Answer 2

刚刚遇到了同样的问题，发现仅修改内容类型是不够的。这个答案试图做相反的事情，提供了解决方案。我还需要添加一个content-disposition标题： res.set("Content-Disposition", "inline;"); 除了设置正确的内容类型之外，这还允许我显示图像而不是下载。