Click here to Skip to main content
15,127,310 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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');

   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);

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900