immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-19 09:13:14 +03:00
Code Issues Packages Projects Releases 17 Wiki Activity

feat(web): use thumbhash as a cache key (#16106)

Browse Source 
Co-authored-by: Alex <alex.tran1502@gmail.com>
This commit is contained in:
Jason Rasmussen
2025-02-15 22:34:13 -05:00
committed by GitHub
parent c524fcf084
commit f386b4d377
8 changed files with 41 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/asset-viewer/photo-viewer.svelte
View File

@@ -70,19 +70,19 @@
for (const preloadAsset of preloadAssets || []) {
if (preloadAsset.type === AssetTypeEnum.Image) {
let img = new Image();
img.src = getAssetUrl(preloadAsset.id, useOriginal, preloadAsset.checksum);
img.src = getAssetUrl(preloadAsset.id, useOriginal, preloadAsset.thumbhash);
}
}
};
const getAssetUrl = (id: string, useOriginal: boolean, checksum: string) => {
const getAssetUrl = (id: string, useOriginal: boolean, cacheKey: string | null) => {
if (sharedLink && (!sharedLink.allowDownload || !sharedLink.showMetadata)) {
return getAssetThumbnailUrl({ id, size: AssetMediaSize.Preview, checksum });
return getAssetThumbnailUrl({ id, size: AssetMediaSize.Preview, cacheKey });
}
return useOriginal
? getAssetOriginalUrl({ id, checksum })
: getAssetThumbnailUrl({ id, size: AssetMediaSize.Preview, checksum });
? getAssetOriginalUrl({ id, cacheKey })
: getAssetThumbnailUrl({ id, size: AssetMediaSize.Preview, cacheKey });
};
copyImage = async () => {
@@ -158,7 +158,7 @@
preload(useOriginalImage, preloadAssets);
});
let imageLoaderUrl = $derived(getAssetUrl(asset.id, useOriginalImage, asset.checksum));
let imageLoaderUrl = $derived(getAssetUrl(asset.id, useOriginalImage, asset.thumbhash));
</script>
<svelte:window