Demo, all content is generated
Question

Photo upload from iPhone fails with 'mime type image/heic is not supported'

Open · 97 views · asked by anouk · edited

Profile photo upload works on my laptop and on Android. On iPhone, when people pick a photo from their library, the upload fails:

StorageApiError: mime type image/heic is not supported

My bucket has allowed MIME types set to image/png, image/jpeg, image/webp because v0 told me to lock it down. Should I just add heic? Will browsers even show a heic image?

What I’ve tried

Added accept="image/*" on the input, no change. Tried adding image/heic to the bucket, upload works but the image shows as broken in Chrome.

Comment
Chrome can't render HEIC, so allowing it in the bucket only moves the problem. Are you resizing on the client before upload? If you draw it to a canvas and export as JPEG the problem mostly goes away on Safari. clara_w · edited
No resizing at all, it's the raw file. I'll look into canvas, thanks anouk · edited
Same with my Lovable app. On iOS Safari the file picker sometimes converts to JPEG itself, depends on the input settings, which makes it even more confusing to reproduce. ama_serwaa · edited

Activity

12 helpers notified