choose image files <input accept='image/*' type=file multiple id=file onchange=rip(this.files) />

max width: <input id=width type=number value=32 />

max height: <input id=height type=number value=32 />



<script src=/mini/></script>
<script>



function rip(files){
   files=  [].slice.call(files);
   files.map(function(a){
	resize(a, function(x){
		var anc=dom.create("a","1", { download: "tn-"+a.name.replace(/\.\w+$/,".jpg"), href: x.value }).click();
	 });
   });
}




function resize(fileObject, callBack) {

	var file = fileObject,
		fileType = file.type,
		reader = new FileReader();

	reader.onloadend = function _onloadend() {
		var image = new Image();
		image.src = reader.result;

		image.onload = function _onload() {
			var maxWidth = +width.value,
				maxHeight = +height.value,
				imageWidth = image.width,
				imageHeight = image.height;

			if (imageWidth > imageHeight) {
				if (imageWidth > maxWidth) {
					imageHeight *= maxWidth / imageWidth;
					imageWidth = maxWidth;
				} /* end if(imageWidth > maxWidth) */

			} else {
				if (imageHeight > maxHeight) {
					imageWidth *= maxHeight / imageHeight;
					imageHeight = maxHeight;
				}
			}

			var canvas = document.createElement('canvas');
			canvas.width = imageWidth;
			canvas.height = imageHeight;

			var ctx = canvas.getContext("2d");
			ctx.drawImage(this, 0, 0, imageWidth, imageHeight);
			var url= canvas.toDataURL("image/jpeg", 0.6);

			callBack({
				type: '$FILE',
				name: file.name,
				date: file.lastModifiedDate,
				size: Math.floor(url.length * 0.666),
				mime: file.type,
				value: url
			});

		} /* end _onload() */
	} /* end _onloadend() */

	reader.readAsDataURL(file);

} //end rezis






</script>