Detect the image type of a Buffer/Uint8Array
See the file-type module for more file types.
$ npm install --save image-typevar readChunk = require('read-chunk'); // npm install read-chunk
var imageType = require('image-type');
var buffer = readChunk.sync('unicorn.png', 0, 12);
imageType(buffer);
//=> {ext: 'png', mime: 'image/png'}or from a remote location:
var http = require('http');
var imageType = require('image-type');
var url = 'http://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif';
http.get(url, function (res) {
res.once('data', function (chunk) {
res.destroy();
console.log(imageType(chunk));
//=> {ext: 'gif', mime: 'image/gif'}
});
});var xhr = new XMLHttpRequest();
xhr.open('GET', 'unicorn.png');
xhr.responseType = 'arraybuffer';
xhr.onload = function () {
imageType(new Uint8Array(this.response));
//=> {ext: 'png', mime: 'image/png'}
};
xhr.send();Returns an object (or null when no match) with:
ext- one of the supported file typesmime- the MIME type
Type: buffer (Node.js), uint8array
It only needs the first 12 bytes.
$ npm install --global image-type$ image-type --help
Usage
image-type <filename>
cat <filename> | image-type
Example
cat unicorn.png | image-type
pngjpgpnggifwebptifbmpjxrpsd
SVG isn't included as it requires the whole file to be read, but you can get it here.
MIT © Sindre Sorhus