base64_image_uploader.js

function base64ImageUploader(dialog) {
	var reader, image_url, img;
	var canvas = document.createElement("canvas");
	var canvas_context = canvas.getContext('2d');

	
	function rotateImage(direction){

		
		//These are swapped when rotating
		canvas.width = img.height;
		canvas.height = img.width;
		canvas_context.rotate(direction*Math.PI/2)
		if(direction > 0){
			canvas_context.translate(0,-canvas.height);
		}else{
			canvas_context.translate(-canvas.width,0);
		}
		canvas_context.drawImage(img, 0, 0);
		setImageFromDataURL(canvas.toDataURL("image/png"), img.alt)
	}

	function setImageFromDataURL(data_url, file_name){
		image_url = data_url
		img = new Image();
		img.src = image_url
		img.alt = file_name
		dialog.populate(image_url, [img.width,img.height]);
	}

	function cropImage(crop_region){
    	canvas.width = img.width*crop_region[2];
    	canvas.height = img.height*crop_region[3];
    	canvas_context.translate(-img.width*crop_region[0], -img.height*crop_region[1]);
		canvas_context.drawImage(img, 0, 0);
		setImageFromDataURL(canvas.toDataURL("image/png"), img.alt);
	}

	dialog.bind('imageUploader.cancelUpload', function () {

	}); 

	dialog.bind('imageUploader.clear', function () {
        // Clear the current image
        dialog.clear();
        img = null;
    });

    dialog.bind('imageUploader.fileReady', function (file) {
    	var reader = new FileReader();
    	if (file){
    		reader.readAsDataURL(file);
    		reader.addEventListener('load', function(){
    			setImageFromDataURL(reader.result, file.name)
    		});
    	}
    });


    dialog.bind('imageUploader.rotateCCW', function () {
        rotateImage(-1);
    });

    dialog.bind('imageUploader.rotateCW', function () {
        rotateImage(1);
    });

    dialog.bind('imageUploader.save', function () {
    	if (dialog.cropRegion()) {
            cropImage(dialog.cropRegion());
        }
        dialog.save(
            image_url,
            [img.width, img.height],
            {
                'alt': img.alt,
                'data-ce-max-width': img.width
            }
		);        	
    });
}


ContentTools.IMAGE_UPLOADER = base64ImageUploader;

Looks nice but how to you incorporate this into content tools?

It's not working
Uncaught TypeError: dialog.bind is not a function
dialog.bind('imageUploader.cancelUpload', function () {...

New event system (based on native DOM event system), this will see bind, unbind and trigger methods against UI components replaced with addEventListener, dispatchEvent, removeEventListener (potentially breaking existing code).