javascript - jQuery and Canvas.toDataURL - Stack Overflow

admin管理员组

文章数量:1317915

I'm working on a script, and a small part of that involves taking a canvas and converting it to a downloadable image. To do this, I do:

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

...where thumbnail is a canvas tag and options.dest is the name of an img id.

This code works perfectly in Chrome, but when I try it in Firefox, Firebug throws up this error:

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

I would link to the whole script, but everything is hosted on my puter. Does anyone have any idea what this might mean?

Thanks! Jeff

I'm working on a script, and a small part of that involves taking a canvas and converting it to a downloadable image. To do this, I do:

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

...where thumbnail is a canvas tag and options.dest is the name of an img id.

This code works perfectly in Chrome, but when I try it in Firefox, Firebug throws up this error:

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

I would link to the whole script, but everything is hosted on my puter. Does anyone have any idea what this might mean?

Thanks! Jeff

• javascript
• jquery
• image
• canvas
• data-url

Share Improve this question Follow edited Aug 3, 2011 at 11:28 Jonas 129k102102 gold badges327327 silver badges405405 bronze badges asked May 27, 2010 at 20:54 JeffJeff 2311 gold badge11 silver badge33 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

I believe it may be because you have it hosted on your puter. Are you working directly from your local filesystem or are you working on a local server like MAMP or WAMP? I had this security code pop up on me before and it was alleviated when I moved my files from my hard drive on to a server.

Friend, this way works perfectly:

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

本文标签： javascriptjQuery and CanvastoDataURLStack Overflow