ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load images with cors allowed

Browse Source 
Without allowing cors it is e.g. not possible to extract colors from an image
This commit is contained in:
schroda
2025-01-26 03:51:43 +01:00
parent 2579ba92a3
commit 25e3fc7808
4 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/modules/core/components/SpinnerImage.tsx
View File

@@ -35,6 +35,7 @@ interface IProps {
shouldDecode?: boolean;
useFetchApi?: boolean;
allowCors?: boolean;
priority?: Priority;
@@ -46,6 +47,7 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef<HTML
shouldLoad = true,
shouldDecode,
useFetchApi,
allowCors,
src,
alt,
onLoad,
@@ -84,7 +86,7 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef<HTML
return () => {};
}
const imageRequest = requestManager.requestImage(src, { priority, shouldDecode, useFetchApi });
const imageRequest = requestManager.requestImage(src, { priority, shouldDecode, useFetchApi, allowCors });
let cacheTimeout: NodeJS.Timeout;
const fetchImage = async () => {
@@ -156,6 +158,7 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef<HTML
}),
]}
ref={imgRef}
crossOrigin={allowCors ? 'anonymous' : undefined}
src={imageSourceUrl}
alt={alt}
draggable={false}