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

Question

我创建了一个简单的 img 标签并将其 src 设置为如下所示的 url:

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

此方法适用于所有文件类型(png、jpeg、jpg、bmp)，而且我确信在渲染过程中没有问题，因为如果使用本地路径，它可以完美地显示 SVG。此外，url 没有问题，因为它们不仅存在于数据库中，而且还可以下载，但将 url 放在浏览器地址栏中。 我已经尝试过 object 标签，通过 css 中的 backround-image 属性设置源并检查响应 header 中设置的内容类型。它的类型是 application/octet-stream(与所有其他文件类型相同)。每当获取 SVG 时显示损坏图像的原因可能是什么。

Answer 1

我认为您需要概述 svg 并上传。我遇到过同样的问题。 svg 中的字体在 url 中不起作用。所以我在 Illustrator 中概述了 svg。工作正常。