feat(image): [image] The image component supports base64 in svg format (#2858)

zzcr · web-flow · commit a7e721ecb68d · 2025-02-07T11:05:31.000+08:00
diff --git a/packages/renderless/src/image/index.ts b/packages/renderless/src/image/index.ts
@@ -185,7 +185,7 @@ export const mounted =
   }
 
 export const filterImageUrl = (props) => () => {
-  const isBase64 = /^data:(image|application)\/(png|jpg|jpeg|gif|octet-stream);base64,([a-zA-Z0-9+/]+={0,2})/
+  const isBase64 = /^data:(image|application)\/(png|jpg|jpeg|gif|octet-stream|svg\+xml);base64,([a-zA-Z0-9+/]+={0,2})/
 
   return isBase64.test(props.src) ? props.src : xss.filterUrl(props.src)
 }

Original file line number	Diff line number	Diff line change
`@@ -185,7 +185,7 @@ export const mounted =`
`185`	`185`	`}`
`186`	`186`
`187`	`187`	`export const filterImageUrl = (props) => () => {`
`188`		`- const isBase64 = /^data:(image\|application)\/(png\|jpg\|jpeg\|gif\|octet-stream);base64,([a-zA-Z0-9+/]+={0,2})/`
	`188`	`+ const isBase64 = /^data:(image\|application)\/(png\|jpg\|jpeg\|gif\|octet-stream\|svg\+xml);base64,([a-zA-Z0-9+/]+={0,2})/`
`189`	`189`
`190`	`190`	`return isBase64.test(props.src) ? props.src : xss.filterUrl(props.src)`
`191`	`191`	`}`