JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 101998
  • Score
    100M100P100Q171996F
  • License MIT

Detect the image type of a Buffer/Uint8Array

Package Exports

  • image-type

Readme

image-type

Detect the image type of a Buffer/Uint8Array

See the file-type module for more file types and a CLI.

Install

npm install image-type

Usage

Node.js
import {readChunk} from 'read-chunk';
import imageType from 'image-type';

const buffer = await readChunk('unicorn.png', {length: 12});

await imageType(buffer);
//=> {ext: 'png', mime: 'image/png'}

Or from a remote location:

import https from 'node:https';
import imageType from 'image-type';

const url = 'https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg';

https.get(url, response => {
    response.on('readable', () => {
        (async () => {
            const chunk = response.read(imageType.minimumBytes);
            response.destroy();
            console.log(await imageType(chunk));
            //=> {ext: 'jpg', mime: 'image/jpeg'}
        })();
    });
});
Browser
const xhr = new XMLHttpRequest();
xhr.open('GET', 'unicorn.png');
xhr.responseType = 'arraybuffer';

xhr.onload = () => {
    (async () => {
        await imageType(new Uint8Array(this.response));
        //=> {ext: 'png', mime: 'image/png'}
    })();
};

xhr.send();

API

imageType(input)

Returns an Promise<object> with:

Or undefined when there is no match.

input

Type: Buffer | Uint8Array

It only needs the first .minimumBytes bytes.

minimumBytes

Type: number

The minimum amount of bytes needed to detect a file type. Currently, it's 4100 bytes, but it can change, so don't hardcode it.

Supported file types

SVG isn't included as it requires the whole file to be read, but you can get it here.