Javascript: функция изменения размера с HTML 5

Мне нужно создать функцию, которая получает файл из параметра, изменять его размер и возвращать файл для загрузки.

У меня уже есть код для получения файла (с помощью загрузки файла jQuery), затем я захватываю переменную файла и передаю этот метод с именем resizeImage, который я получил из этой ссылки, но я не мог понять, как вернуть файл, который я изменено (я новичок в javascript). поэтому я могу отправить его на амазонку S3. ЕСЛИ кто-то хочет увидеть код, вот он: http://pastebin.com/bgYLSFsR

вот эта функция, которую я придумал:

function resizeImage(f) {

    var file = f;

    var img = document.createElement("img");
    var reader = new FileReader();  
    reader.onload = function(e) {img.src = e.target.result}
    reader.readAsDataURL(file);

    var MAX_WIDTH = 100;
    var MAX_HEIGHT = 100;
    var width = img.width;
    var height = img.height;

    if (width > height) {
      if (width > MAX_WIDTH) {
        height *= MAX_WIDTH / width;
        width = MAX_WIDTH;
      }
    } else {
      if (height > MAX_HEIGHT) {
        width *= MAX_HEIGHT / height;
        height = MAX_HEIGHT;
      }
    }
    var canvas = document.createElement('canvas');
    canvas.width = width;
    canvas.height = height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, 100, 100);
}

любое предложение очень приветствуется, спасибо!