canvasResize is a plugin for client side image resizing.
It's compatible with iOS6 and Android 2.3+
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 edited
jQuery EXIF data plugin
* Sorry, server side uploading option does not work on gokercebeci.com. You can test it on your own server.
I've only tested it on
and it works enough for me for now!
It is under MIT License and It requires "binaryajax.js" and "exif.js" to work which is also under the MPL License [http://www.nihilogic.dk/licenses/mpl-license.txt]
$('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);
}
});
});
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(){},