Как создать холст для загрузки файла на сервер

Question

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

 $(".image-preview-input input:file").change(function (){     
    var img = $('<img/>', {
        id: 'dynamic',
        width:300,
        height:300
    });      
    var file = this.files[0];
    var reader = new FileReader();


    // Set preview image into the popover data-content
    reader.onload = function (e) {
        $(".image-preview-input-title").text("Change");
        $(".image-preview-clear").show();
        $(".image-preview-filename").val(file.name);            
       img.attr('src', e.target.result);
        $(".image-preview").attr("data-content",$(img)[0].outerHTML).popover("show");
    }      

   reader.readAsDataURL(file);

    var c = document.createElement('canvas');
    var img = document.getElementById('dynamic');
    c.height = img.naturalHeight;
    c.width = img.naturalWidth;
    var ctx = c.getContext('2d');

    ctx.drawImage(img, 0, 0, c.width, c.height);
    var base64String = c.toDataURL();
    alert(base64String);