使用CSS的背景图片从Servlet显示SVG

Question

我有以下servlet代码段：

Blob blob = rs.getBlob("ICON");
byte[] bytes = blob.getBytes(1, (int)blob.length());
response.getOutputStream().write(bytes);
response.setContentType("image/svg+xml");

和CSS片段： background-image: url(/IconData?type=get&iconId=6)

该图像未显示。

如果我直接在浏览器中设置servlet URL，那么svg会正确显示。 我在Chrome网络控制台中注意到的一件事是，访问Servlet时，图像/ svg + xml内容类型未在响应标头中发送。

我错过了什么？

我用保存在数据库中的svg文件进行了测试： usa.svg

Answer 1

将数据写入流后，设置标头可能为时已晚。 在将数据写入流之前，需要设置Content-Type标头。

setContentType文档部分说明：

如果尚未提交响应 ， 则设置要发送到客户端的响应的内容类型。 [...]如果在提交响应后调用此方法，则该方法无效。

（强调我的。）

Answer 2

粘贴到您的html中

    content:type="image/svg" inside <header> <img> or <svg> ie <svg    
    content:type="image/svg">