JavaScript Load Image Demo

JavaScript Load Image is a library to load images provided as File or Blob objects or via URL.
It returns an optionally scaled, cropped or rotated HTML img or canvas element.

It also provides methods to parse image metadata to extract IPTC and Exif tags as well as embedded thumbnail images, to overwrite the Exif Orientation value and to restore the complete image header after resizing.

File input

Or drag & drop an image file onto this webpage.

Options

Result

Loading images from File objects requires support for the URL or FileReader API.