Download img created on the fly

Question

I create img element with a jquery plugin.

I would like to be able to click a button element and dowload the img element.

Is it possible without HTML5?

I do not store the image, cause it is created on the fly by jquery.

i'm using this plugin to create the img: http://www.class.pm/files/jquery/jquery.uqr/demo/

@GabyakaG.Petrioli http://www.class.pm/files/jquery/jquery.uqr/demo/ — itsme, Oct 09 '12 at 08:47
see http://stackoverflow.com/q/2295455/309483 and http://stackoverflow.com/q/246801/309483 — Janus Troelsen, Oct 09 '12 at 08:50
video and php i think they doesn't are what i'm searching for , anyway thx — itsme, Oct 09 '12 at 08:53
i'm thinking about triggering browser save dialog :P what you think? — itsme, Oct 09 '12 at 08:58

Janus Troelsen · Answer 1 · 2012-10-09T20:57:18.920

The plugin you linked is using Google's deprecated Image Charts portion of Google Charts. Since the images come from a remote server, you can't access them (from JavaScript. Of course you can load them) from your domain (it would be a form of XSS). You can make a PHP script to download a chart and change the Content-Type. When the client requests a PHP script that returns a document with Content-Type application/octet-stream, the download will commence.

score 1 · Accepted Answer · answered Oct 09 '12 at 21:08

1

Since this is from a different domain, you won't be able to access image contents, unless you try to use CORS - and even then, there's very limited browser support. Use this plugin instead and then use toDataURL() to save it.

answered Oct 09 '12 at 21:08

tmcw

11,048
3
33
43

now i have this problem http://stackoverflow.com/questions/12804428/dataimage-not-saving-as-image-on-mac-pc#comment17316182_12804428 :( – itsme Oct 10 '12 at 08:06

Download img created on the fly

2 Answers2