从 Azure blob 引用 SVG 文件

Question

我刚刚遇到一个非常奇怪的问题：

<div class="logo-holder">
    <img class="sponsorhip-logo-preview" id="LogoPreview"         
        src="http://cdn.insights.bio/uploads/83cfc94c4a8c4f14b3cd050cd7e1c7aa.svg">
</div>

使用 SVG 文件作为图像源会导致 Chrome 中的图像损坏

此图像存储在 azure CDN 上。我在 Chrome 控制台中没有看到任何错误。

有人遇到过这个问题吗？

Answer 1

最后，我终于明白了要感谢马库斯。

在将图像上传到 Azure blob 期间，所有文件均使用默认内容类型上传。这行代码产生了巨大的差异

 if (DoesBlobFileExist(blobName))
                blobName = RenameFile(blobName);
            CloudBlockBlob blob = container.GetBlockBlobReference(blobName);
            if (blobName.EndsWith(".svg"))
                blob.Properties.ContentType = "image/svg+xml";