ASP.net вставка изображения в Canvas.

[TheGhost]

Добрый день. Проблема такая, есть у меня Upload и кнопка, с помощью которых я загружаю картинку с компа, на сервер и вставляю её в обычный тег

 <asp:image ID="Image1" />

.
Теперь я хочу сделать так чтобы картинка загружалась сразу в тег Canvas. Но не могу разобраться как правильно написать скрипт чтобы это получилось. Помогите разобратся.

protected void Button1_Click(object sender, EventArgs e)
        {
            StartUpLoad();
        }
 
 
        private void StartUpLoad() {
            string imgname = FileUpload1.FileName;
            string imgPath = "~/Images/" + imgname;
            int imgSize = FileUpload1.PostedFile.ContentLength;
 
            if (FileUpload1.PostedFile != null && FileUpload1.PostedFile.FileName != "")
            {
                if (FileUpload1.PostedFile.ContentLength > 10240)
                {
                    Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "Alert", "alert('File is too big.')", true);
                }
                else
                {
                    FileUpload1.SaveAs(Server.MapPath(imgPath));
                    
                   
                    Image1.ImageUrl =  imgPath; //тут вставляется изображение в Image тег.
                 
                    Page.ClientScript.RegisterClientScriptBlock(typeof(Page), "Ale", 
"javascript: var can = document.getElementById('canvas'); 
var ctx = can.getContext('2d');
var img = new Image(); 
img.src = imgPath;
img.onload = function() 
{can.width = img.width; can.height = img.height; 
ctx.drawImage(img, 0, 0, img.width, img.height);
}", true);  //тут не могу понять как в скрипте img.src присвоить значение то что заносилось в коде C#. 
                   
                    
                
                }
            }
        }

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