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.

• Download
• Source Code
• Documentation
• Test
• © Sebastian Tschan

File input

Select an image file:

Or enter an image URL into the following field:

Or drag & drop an image file onto this webpage.

Options

Orientation: undefined: Browser default true: Automatic 1: Original 2: Horizontal flip 3: Rotate 180° CCW 4: Vertical flip 5: Vertical flip + Rotate 90° CW 6: Rotate 90° CW 7: Horizontal flip + Rotate 90° CW 8: Rotate 90° CCW

Image smoothing

Result

Edit Crop Cancel