R2 Public Bucket: SVG Files Not Loading in <image /> Element
We are using a public bucket to allow people to access our files. It serves as general storage where users can upload all kinds of images, including SVGs. When people include these image paths using the <image /> element, all image types work fine except for SVGs. For some reason, SVGs are not displaying, they just appear blank. There are no errors in the console, and the returned content type is image/svg+xml, which seems correct, but the preview remains blank.
This issue only affects SVGs, and we are not handling them in a way that would prevent them from displaying. The R2 CORS settings allow all origins (*), so that should not be the problem.
We tested loading the SVG using an <object> element, and it works, but we do not want to use that approach or fetch and embed it as an inline SVG for certain reasons.
What can we do to resolve this?
This issue only affects SVGs, and we are not handling them in a way that would prevent them from displaying. The R2 CORS settings allow all origins (*), so that should not be the problem.
We tested loading the SVG using an <object> element, and it works, but we do not want to use that approach or fetch and embed it as an inline SVG for certain reasons.
What can we do to resolve this?
Welcome to the official Cloudflare Developers server. Here you can ask for help and stay updated with the latest news
85,042Members
Resources
Similar Threads
Was this page helpful?
