Draw image on canvas by uploading file using file uploader

See more:

File-Upload

Canvas

I am trying to draw image on canvas, the image file is uploaded using File Uploader. It's working fine on Chrome and IE10 however it breaks on IE9.The createObjectURL method which i am using is not supported on IE9(i guess..).Is there any alternative way to get this work on IE9?

My code for drawing image on canvas

var URL = window.webkitURL || window.URL ;
   if ($("#rwAddImage_C_RadUploadImgfile0")[0].files[0] == undefined || $("#rwAddImage_C_RadUploadImgfile0")[0].files[0] == null) {
       alert('Please select image');
       return;
   }

   var url = URL.createObjectURL($("#rwAddImage_C_RadUploadImgfile0")[0].files[0]);
   var img = new Image();
   img.src = url;

   img.onload = function () {

       img_width = ($('#rwAddImage_C_txtImgWidth').val() != "" ? $('#rwAddImage_C_txtImgWidth').val() : img.width);
       img_height = ($('#rwAddImage_C_txtImgHeight').val() != "" ? $('#rwAddImage_C_txtImgHeight').val() : img.width);

       context.drawImage(img, imgPosX, imgPosY, img_width, img_height);
       img_update();
       cPush();
   }