How do I download image dataURL by javascript. Which is generated from canvas

Asked Jul 24 '15 at 06:15

Active Jul 24 '15 at 06:20

Viewed 788 times

I already got a lot of ans(Ans1,Ans2) for it but when I am trying to download it by clicking on <a> tag. its showing an error in Google Chrome

var dataURL = canvas.toDataURL("image/jpeg"); 
var w = window.open('about:blank', 'image from canvas'); 
w.document.write("<a href='javascript:window.print()' >Print</a>"); 
w.document.write("<a href='"+dataURL+"'> Download</button>"); 
w.document.write("<img id='printArea' src='" + dataURL + "' alt='from canvas'/>");

edited May 23 '17 at 11:51

Community

asked Jul 24 '15 at 06:15

Q07

Can you show your JS codes ? – Raptor Jul 24 '15 at 06:17
@Raptor 27 `var dataURL = canvas.toDataURL("image/jpeg"); var w = window.open('about:blank', 'image from canvas'); w.document.write("Print"); w.document.write(" Download"); w.document.write("");` – Q07 Jul 24 '15 at 06:18
post your codes in your question by **edit** feature next time. – Raptor Jul 24 '15 at 06:21
or `window.open(dataURL);` – Q07 Jul 24 '15 at 06:52
my data size is more than 2.5MB – Q07 Jul 24 '15 at 07:16

How do I download image dataURL by javascript. Which is generated from canvas

0 Answers0