//Есть одна функция. Она подгружает картинку с компьютера пользователя, после чего указывает ее в качестве src для img элемента. //Ссылку дает в формате base64.

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#blogo').attr('src', e.target.result);
            $('#upbtn').hide();
            $('#blogo').show();
            $('#blogo').css({
                width:'auto',
                height:'100px'

            });
            $('#blogo').parent().css({
                    height:'auto',
                    border:'none',
                    width:'auto',
                    "padding":0,
                    "background":"transparent none repeat scroll 0 0",
                });
            $(".logoresize").show();
            $("#upload-btn").hide();
            $("#removelogo").show();
            $('#blogo').show();
        }
        reader.readAsDataURL(input.files[0]);
    }
}
//В некоторых случаях, я так и не уловил закономерности, следующий вызов возвращает ошибку о сломанном img элементе.
ctx.drawImage($("#blogo")[0],0,0,width,height);