Javascript toDataURL返回的值错误，包含大量的；A「；

我正在使用

toDataURL（）

获取base64图像

因此，在我的js中，我这样做：

var canvas    = document.createElement ( 'CANVAS' );
canvas.width  = editImages.imgMgrObj.IMreal[0];
canvas.height = editImages.imgMgrObj.IMreal[1];
var context   = canvas.getContext ( '2d' );
context.drawImage ( editImages.imgMgrObj.getIMG ( ), 0, 0 );

然后我使用：img='+canvas.toDataURL（“image/png”）'作为参数执行ajax POST请求，以便将图像保存到数据库中。

editImages

是对图像进行一些操作的文件。

editImages.imgMgrObj.getIMG（）

提供图像的链接

问题是这个函数给了我错误的base64，字符串中有很多

A

，比如：

data:image/png；base64，IVBorW0KggoaaaAnsuhueugaa7YAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

但是这个错误很少发生，在firefox 36中我没有这个错误，它只出现在firefox 37.0.2的最新版本上，并且只出现在windows而不是Linux上，有人知道为什么吗？？？
当你调用
ctx.drawImage（）时，听起来你的图像没有完全加载


这就是为什么你得到了所有这些
A

解决方案是在加载图像时调用canvas函数：

var img = new Image();
img.onload= function(){
    ctx.drawImage(img, 0,0);
    var data = canvas.toDataURL();
    }
img.src="path/to/your.image";
}

调用
ctx.drawImage（）


这就是为什么你得到了所有这些
A

解决方案是在加载图像时调用canvas函数：

var img = new Image();
img.onload= function(){
    ctx.drawImage(img, 0,0);
    var data = canvas.toDataURL();
    }
img.src="path/to/your.image";
}

调用
ctx.drawImage（）


这就是为什么你得到了所有这些
A

解决方案是在加载图像时调用canvas函数：

var img = new Image();
img.onload= function(){
    ctx.drawImage(img, 0,0);
    var data = canvas.toDataURL();
    }
img.src="path/to/your.image";
}

调用
ctx.drawImage（）


这就是为什么你得到了所有这些
A

解决方案是在加载图像时调用canvas函数：

var img = new Image();
img.onload= function(){
    ctx.drawImage(img, 0,0);
    var data = canvas.toDataURL();
    }
img.src="path/to/your.image";
}

没关系问题解决了，问题很好，在我的图像加载之前，我尝试获取toDataURL（），thabks非常感谢您的帮助！没关系问题解决了，问题很好，在我的图像加载之前，我尝试获取toDataURL（），thabks非常感谢您的帮助！没关系问题解决了，问题很好，在我的图像加载之前，我尝试获取toDataURL（），thabks非常感谢您的帮助！没关系问题解决了，问题很好，在我的图像加载之前，我尝试获取toDataURL（），thabks非常感谢您的帮助！