how to check MIME type without hardcoded string

Question

I fetch the file via fetch api.

I finally get something like this:

const result = response.blob()

currently, result.type returns image/jpeg. What I need to do is check if the file returned is a directory or image or text file.

One way is to do this:

if(result.type.includes('image')){

}

I am wondering if there's any other way without hardcoding image string like the above.

Are you looking for a method like blob.isImage or something? — mplungjan
– mplungjan, Commented Apr 7, 2021 at 11:28
Is this in a browser, i.e. you're looking for a constant or a mime type parser built-in to the fetch API or the browser? If it was node I'd guess there'd be other libraries you can load that would parse the string for you and give you simple properties to test, but that's probably not worth including otherwise. — Rup
– Rup, Commented Apr 7, 2021 at 11:28
blob.isImage would be great. blob.isDirectory would be great. some wrapper which makes it easier so i don't have to write hardcoded strings myself — Nika Kurashvili
– Nika Kurashvili, Commented Apr 7, 2021 at 11:30
yes, it's in a browser, but can use node too as i am using the webpack and react — Nika Kurashvili
– Nika Kurashvili, Commented Apr 7, 2021 at 11:32

shahrooz bazrafshan · Accepted Answer · 2021-04-07 11:51:25Z

2

mime types never change over time but will be extended, so it's not bad to hard code needed mime types, by the way you can check for image like below, for images it must start with "image":

result.type.startsWith("image/")

and for text:

result.type.startsWith("text/")

for other types, for example:

let others= ["video/mp4",...]
if(others.indexOf(result.type)>-1)

answered Apr 7, 2021 at 11:51

shahrooz bazrafshan

7187 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to check MIME type without hardcoded string

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related