jQuery和Canvas.toDataURL

时间:2010-05-27 20:54:58

标签: javascript jquery image canvas data-url

我正在编写一个脚本,其中一小部分涉及拍摄画布并将其转换为可下载的图像。要做到这一点,我做:

var thumb_jpeg = thumbnail.toDataURL("image/jpeg");
$("#" + options.dest).attr('src',thumb_jpeg);

...其中thumbnail是canvas标签,options.dest是img id的名称。

此代码在Chrome中运行良好,但是当我在Firefox中尝试时,Firebug会抛出此错误:

Security error" code: "1000
var thumb_jpeg = thumbnail.toDataURL("image/jpeg");

我会链接到整个脚本,但所有内容都托管在我的计算机上。有谁知道这可能是什么意思?

谢谢! 杰夫

2 个答案:

答案 0 :(得分:2)

我相信这可能是因为您将它托管在您的计算机上。您是直接从本地文件系统工作还是在MAMP或WAMP等本地服务器上工作?之前我有这个安全代码弹出,当我将文件从硬盘移动到服务器时,它得到了缓解。

答案 1 :(得分:2)

朋友,这种方式非常有效:

document.querySelector('#mycanvas').toDataURL();