canvasResize
canvasResize is a plug-in for client side image resizing. It's compatible with iOS6.
It can work both with jQuery and Zepto
I fixed iOS6 Safari's image file rendering issue for large size image (over mega-pixel) using few functions from ios-imagefile-megapixel And fixed orientation issue by using exif-js
You can change image size and quality with plugin options easily.
Tested on:
- Chromium (24.0.1312.56)
- Google Chrome (25.0.1364.68 beta)
- Opera (12.14)
- IOS 6.1.2
You can check it on gokercebeci.com/dev/canvasresize.
Usage
$('input[name=photo]').change(function(e) { var file = e.target.files[0]; canvasResize(file, { width: 300, height: 0, crop: false, quality: 80, //rotate: 90, callback: function(data, width, height) { $(img).attr('src', data); } }); });
Options
width : 300, // Image width. height : 0, // Image height, default 0 (flexible). crop : false, // default false. quality : 80, // Image quality default 80. rotate : 90, // Image rotation default 0 callback : function(){},
License
It is under MIT License and It requires binaryajax.js and exif.js (or jQuery EXIF) to work which is also under the MPL License