hoodie.imagine.add(group, dataUrlOrUrl);
hoodie.imagine.update(id, group, dataUrlOrUrl);

// find an image by an id or an array of ids, returns an image object
hoodie.imagine.get(id);

// find images of current user
// you can also filter the images by group
hoodie.imagine.findOwn([group]);

// remove a single image
hoodie.imagine.remove(id);

// remove all images by current user
hoodie.imagine.removeOwn([group]);

// a preview image will be returned by a progress call (.add and .update only)
previewImage.id; // final id of the image, keep it for later ;)
previewImage.dataUrl; // dataUrl of resized image
previewImage.width; // width of resized image
previewImage.height; // height of resized image
previewImage.canvas; // canvas used for resizing, you can copy it to show a preview

example with data-url

hoodie.imagine.add('profile', 'data:image/png;base64,...')
.progress(function(image) { // gets only called when using data-url
// image id and resized image is ready
// image properties: id, dataUrl, width, height, canvas

// show preview image
$('img.profile-picture').attr('src', image.dataUrl);

// or copy the canvas
canvasContext.drawImage(image.canvas, 0, 0);
})
.done(function(image) {
// image has been saved on the server
$('img.profile-picture').attr('src', image.url('detail'));
})
.fail(function(error) {
// oh noes
console.warn(error);
});
};
}

// handle selection of file input
function handleFileSelect(ev) {
ev.preventDefault();

var files = ev.target.files;

$.each(files, function(index, file) {
if (!file.type.match('image.*')) {
return false;
}

var reader = new FileReader();
reader.onload = handleFile(file);
reader.readAsDataURL(file);
});
}