Koko210/immich-folio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve image proxy compatibility with CORS headers and Content-Type fallbacks to resolve broken lightbox images

Browse Source
This commit is contained in:
ralksta
2026-03-07 09:46:09 +01:00
parent faab17f9cd
commit 21f9fda53a
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/api/image/[id]/route.ts
View File

@@ -67,10 +67,13 @@ export async function GET(request: NextRequest, { params }: { params: Promise<{
console.log(`[Image API] ✅ Serving ${assetId} (${size}) - Type: ${result.contentType}`); console.log(`[Image API] ✅ Serving ${assetId} (${size}) - Type: ${result.contentType}`);
const headers: Record<string, string> = { const headers: Record<string, string> = {
'Content-Type': result.contentType, 'Content-Type': result.contentType.includes('application/octet-stream')
? 'image/jpeg'
: result.contentType,
// Images are immutable once uploaded to Immich — cache aggressively // Images are immutable once uploaded to Immich — cache aggressively
'Cache-Control': 'public, max-age=31536000, immutable', 'Cache-Control': 'public, max-age=31536000, immutable',
'X-RateLimit-Remaining': String(remaining), 'X-RateLimit-Remaining': String(remaining),
'Access-Control-Allow-Origin': '*', // Allow cross-origin for lightbox
}; };
if (result.contentLength) { if (result.contentLength) {

1
components/Lightbox.tsx
View File

@@ -175,6 +175,7 @@ export function Lightbox({ assets, currentIndex, onClose, onNext, onPrev }: Ligh
src={current.previewUrl} src={current.previewUrl}
alt="" alt=""
draggable={false} draggable={false}
crossOrigin="anonymous"
onLoad={() => setImageLoaded(true)} onLoad={() => setImageLoaded(true)}
/> />
</div> </div>