reactjs 如何显示带有Next.js Image标签的svg图像(托管在cloudinary上)？

n8ghc7c1 于 2023-01-08 发布在 React

关注(0)|答案(2)|浏览(148)

我正在建立一个与Next.js和Strapi作为CMS的项目，图像托管在Cloudinary上。
我的问题是，使用Next.js中的Image标记无法显示SVG图像。
我已经读过这个主题不能将SVG导入Next.js，但它是用于本地存储的图像，似乎不适用于远程托管的SVG图像。

reactjs

来源：https://stackoverflow.com/questions/70549338/how-to-display-a-svg-image-hosted-on-cloudinary-with-next-js-image-tag

2条答案

按热度按时间

tyky79it1#

我的构建是在盖茨比与Forestry.io作为CMS和图像托管在云，但但我的问题是解决了添加fl_sanitize标志中提到的this article from cloudinary support。

赞(0）回复(0）举报 2023-01-08

6rqinv9w2#

我知道这是一个有点老，但偶然发现这个职位
我为Next.js提供了一个 Package Image组件的Cloudinary集成，您可以很好地处理它
下一个云系：https://next-cloudinary.spacejelly.dev/
给定一个以SVG形式上传的资产cloudinary-logo-blue：

<CldImage
  width="500"
  height="96"
  src="cloudinary-logo-blue"
  format="svg"
/>

希望这有帮助！

赞(0）回复(0）举报 2023-01-08

我来回答

reactjs 如何显示带有Next.js Image标签的svg图像(托管在cloudinary上)？

2条答案

相关问题

热门标签

最新问答