通过URL插入时，SVG图标显示损坏的图像

Question

我已经创建了一个简单的 img 标签，并将其 src 设置为网址，如下所示：

<img className={"componentImageContainer thumbnailIcon"}
   src="https://componentscendeveussa01.blob..../SVGLogo.svg" />

该方法对于所有文件类型（png，jpegs，jpg，bmp）都可以正常工作，并且我确定渲染过程中没有问题，因为如果使用本地路径，它可以完美显示SVG。同样，URL也没有问题，因为它们不仅存在于数据库中，而且可以下载，而且可以将URL放入浏览器地址栏中。  我尝试了 object 标记，通过css中的backround-image属性设置源，并检查在响应标头中设置的内容类型。它的类型为application / octet-stream（与所有其他文件类型相同）。那么，每当获取SVG时都会显示损坏的图像的原因可能是什么。

Answer 1

我认为您需要概述svg并上传。我遇到过同样的问题。 svg中的字体无法在网址中使用。因此，我在Illustrator中概述了svg。工作正常。