"Mime type not supported" error for jpeg files

Oli__ · 2023-12-11T20:39:10.015Z

I'm getting an odd error when trying to upload some files. I upload images to this bucket all the time, but for a couple of specific image files, I'm getting a `Mime type not supported` error. The mime type I'm uploading with is `image/jpeg` and I'm quite sure that the file is actually a jpeg (it starts with `0xFF 0xD8` as per https://en.wikipedia.org/wiki/JPEG_File_Interchange_Format) - Any ideas on how I can diagnose this?

O

Oli__OP•12/11/23, 10:54 PM

Huh... searched the supabase GitHub org for that message looking at the source for

validateMimeType

validateMimeType

validateMimeType

validateMimeType

https://github.com/supabase/storage/blob/8fa98fab7716dccefb257b5fad8c3a9ba567df05/src/storage/uploader.ts#L227-L253

really is just a string comparison. And my allowed MIME types are

image/*

image/*

image/*

image/* so it seems like it must be the first part that's choking. Puzzling!

GitHub

storage/src/storage/uploader.ts at 8fa98fab7716dccefb257b5fad8c3a9b...

S3 compatible object storage service that stores metadata in Postgres - supabase/storage

O

Oli__OP•12/11/23, 11:05 PM

Ok, new hypothesis: The file I'm uploading is actually being downloaded from another source, and that request may be failing.

O

Oli__OP•12/11/23, 11:06 PM

O

Oli__OP•12/11/23, 11:07 PM

I was handling the case where

fetch()

fetch()

fetch()

fetch() throws an exception, but not the case where fetch successfuly retrieves an error status code from the server.

O

Oli__OP•12/11/23, 11:25 PM

Yup that was it, lol. Thanks for the help everyone :RubberDucky:

G

garyaustin•12/11/23, 11:28 PM

Glad you found it... had no ideas and did not want to interrupt you train of thought.

O

Oli__OP•12/11/23, 11:28 PM

Argh. Nope. That wasn't it.

G

garyaustin•12/11/23, 11:29 PM

Ahhh

G

garyaustin•12/11/23, 11:29 PM

And the same file(s) always error?

O

Oli__OP•12/11/23, 11:30 PM

Yeah, I added proper error handling and sentry notification to that missing error case, but it didn't get triggered. And in the sentry for the supabase upload failure, everything seems in order.

O

Oli__OP•12/11/23, 11:30 PM

Yeah, always the same file

O

Oli__OP•12/11/23, 11:30 PM

My content type comes directly from that

type

type

field. (

image/jpeg

image/jpeg

)

O

Oli__OP•12/11/23, 11:30 PM

And the link downloads fine, and is a valid jpeg image

G

garyaustin•12/11/23, 11:31 PM

Can you try some mime analyzer like this? https://www.htmlstrip.com/mime-file-type-checker

O

Oli__OP•12/11/23, 11:31 PM

The supabase storage log isn't really any help either

O

Oli__OP•12/11/23, 11:32 PM

Yup,

image/jpeg

image/jpeg

according to that too

G

garyaustin•12/11/23, 11:32 PM

Are you just doing an upload with OUT upsert?

O

Oli__OP•12/11/23, 11:33 PM

await supabase.storage
            .from('item_photos')
            .upload(filename, blob, {
              upsert: true,
              contentType: photo.type,
            })
            .then(res => {
              if (res.error) {
                Sentry.captureException(res.error, { extra: { filename, photo } })
                return null;
              } else {
                return `@img/item_photos/${filename}`;
              }
            })

await supabase.storage
            .from('item_photos')
            .upload(filename, blob, {
              upsert: true,
              contentType: photo.type,
            })
            .then(res => {
              if (res.error) {
                Sentry.captureException(res.error, { extra: { filename, photo } })
                return null;
              } else {
                return `@img/item_photos/${filename}`;
              }
            })

await supabase.storage
            .from('item_photos')
            .upload(filename, blob, {
              upsert: true,
              contentType: photo.type,
            })
            .then(res => {
              if (res.error) {
                Sentry.captureException(res.error, { extra: { filename, photo } })
                return null;
              } else {
                return `@img/item_photos/${filename}`;
              }
            })

await supabase.storage
            .from('item_photos')
            .upload(filename, blob, {
              upsert: true,
              contentType: photo.type,
            })
            .then(res => {
              if (res.error) {
                Sentry.captureException(res.error, { extra: { filename, photo } })
                return null;
              } else {
                return `@img/item_photos/${filename}`;
              }
            })

G

garyaustin•12/11/23, 11:34 PM

So any chance the file exists already?

O

Oli__OP•12/11/23, 11:34 PM

That's the code that produces the sentry screenshot above

O

Oli__OP•12/11/23, 11:34 PM

Here's my put request from the supabase storage log for the record

[
  {
    "context": [
      {
        "host": "ip-10-109-64-83.ec2.internal",
        "pid": 1,
        "type": "event"
      }
    ],
    "err": [],
    "error": [],
    "event": "ObjectCreated:Put",
    "job": null,
    "jodId": "cc61f2c5-7e7a-419c-b505-0afbdfd08b2e",
    "level": "info",
    "objectPath": "ykkicgvsyjhmhrrupzpb/item_photos/attkbY0k1nozfwRU9.jpeg",
    "owner": null,
    "payload": "{\"name\":\"attkbY0k1nozfwRU9.jpeg\",\"reqId\":\"8341538bd17d1058-ORD\",\"tenant\":{\"ref\":\"ykkicgvsyjhmhrrupzpb\",\"host\":\"ykkicgvsyjhmhrrupzpb.supabase.co\"},\"bucketId\":\"item_photos\",\"metadata\":{\"eTag\":\"\\\"4654417098eb32b0f380f4ebf21c8360\\\"\",\"size\":2349667,\"mimetype\":\"image/jpeg\",\"cacheControl\":\"max-age=3600\",\"lastModified\":\"2023-12-11T22:57:25.000Z\",\"contentLength\":2349667,\"httpStatusCode\":200}}",
    "project": "ykkicgvsyjhmhrrupzpb",
    "rawError": [],
    "req": [],
    "reqId": "8341538bd17d1058-ORD",
    "res": [],
    "responseTime": null,
    "tenantId": "ykkicgvsyjhmhrrupzpb"
  }
]

[
  {
    "context": [
      {
        "host": "ip-10-109-64-83.ec2.internal",
        "pid": 1,
        "type": "event"
      }
    ],
    "err": [],
    "error": [],
    "event": "ObjectCreated:Put",
    "job": null,
    "jodId": "cc61f2c5-7e7a-419c-b505-0afbdfd08b2e",
    "level": "info",
    "objectPath": "ykkicgvsyjhmhrrupzpb/item_photos/attkbY0k1nozfwRU9.jpeg",
    "owner": null,
    "payload": "{\"name\":\"attkbY0k1nozfwRU9.jpeg\",\"reqId\":\"8341538bd17d1058-ORD\",\"tenant\":{\"ref\":\"ykkicgvsyjhmhrrupzpb\",\"host\":\"ykkicgvsyjhmhrrupzpb.supabase.co\"},\"bucketId\":\"item_photos\",\"metadata\":{\"eTag\":\"\\\"4654417098eb32b0f380f4ebf21c8360\\\"\",\"size\":2349667,\"mimetype\":\"image/jpeg\",\"cacheControl\":\"max-age=3600\",\"lastModified\":\"2023-12-11T22:57:25.000Z\",\"contentLength\":2349667,\"httpStatusCode\":200}}",
    "project": "ykkicgvsyjhmhrrupzpb",
    "rawError": [],
    "req": [],
    "reqId": "8341538bd17d1058-ORD",
    "res": [],
    "responseTime": null,
    "tenantId": "ykkicgvsyjhmhrrupzpb"
  }
]

[
  {
    "context": [
      {
        "host": "ip-10-109-64-83.ec2.internal",
        "pid": 1,
        "type": "event"
      }
    ],
    "err": [],
    "error": [],
    "event": "ObjectCreated:Put",
    "job": null,
    "jodId": "cc61f2c5-7e7a-419c-b505-0afbdfd08b2e",
    "level": "info",
    "objectPath": "ykkicgvsyjhmhrrupzpb/item_photos/attkbY0k1nozfwRU9.jpeg",
    "owner": null,
    "payload": "{\"name\":\"attkbY0k1nozfwRU9.jpeg\",\"reqId\":\"8341538bd17d1058-ORD\",\"tenant\":{\"ref\":\"ykkicgvsyjhmhrrupzpb\",\"host\":\"ykkicgvsyjhmhrrupzpb.supabase.co\"},\"bucketId\":\"item_photos\",\"metadata\":{\"eTag\":\"\\\"4654417098eb32b0f380f4ebf21c8360\\\"\",\"size\":2349667,\"mimetype\":\"image/jpeg\",\"cacheControl\":\"max-age=3600\",\"lastModified\":\"2023-12-11T22:57:25.000Z\",\"contentLength\":2349667,\"httpStatusCode\":200}}",
    "project": "ykkicgvsyjhmhrrupzpb",
    "rawError": [],
    "req": [],
    "reqId": "8341538bd17d1058-ORD",
    "res": [],
    "responseTime": null,
    "tenantId": "ykkicgvsyjhmhrrupzpb"
  }
]

[
  {
    "context": [
      {
        "host": "ip-10-109-64-83.ec2.internal",
        "pid": 1,
        "type": "event"
      }
    ],
    "err": [],
    "error": [],
    "event": "ObjectCreated:Put",
    "job": null,
    "jodId": "cc61f2c5-7e7a-419c-b505-0afbdfd08b2e",
    "level": "info",
    "objectPath": "ykkicgvsyjhmhrrupzpb/item_photos/attkbY0k1nozfwRU9.jpeg",
    "owner": null,
    "payload": "{\"name\":\"attkbY0k1nozfwRU9.jpeg\",\"reqId\":\"8341538bd17d1058-ORD\",\"tenant\":{\"ref\":\"ykkicgvsyjhmhrrupzpb\",\"host\":\"ykkicgvsyjhmhrrupzpb.supabase.co\"},\"bucketId\":\"item_photos\",\"metadata\":{\"eTag\":\"\\\"4654417098eb32b0f380f4ebf21c8360\\\"\",\"size\":2349667,\"mimetype\":\"image/jpeg\",\"cacheControl\":\"max-age=3600\",\"lastModified\":\"2023-12-11T22:57:25.000Z\",\"contentLength\":2349667,\"httpStatusCode\":200}}",
    "project": "ykkicgvsyjhmhrrupzpb",
    "rawError": [],
    "req": [],
    "reqId": "8341538bd17d1058-ORD",
    "res": [],
    "responseTime": null,
    "tenantId": "ykkicgvsyjhmhrrupzpb"
  }
]