I need to get jpeg image from foreign server like
http://some.foreign.cdn.server.image.jpeg
And render it base64 in image. How could I do it?
Asked
Active
Viewed 218 times
1
-
What's wrong with just writing out a `
`?
– ceejayoz
Jul 28 '14 at 19:33
-
I need to load image into canvas – Erik Jul 28 '14 at 19:34
-
In that case, cross-domain browser security restrictions are going to be a severe pain in your ass. – ceejayoz Jul 28 '14 at 19:34
-
afaik, canvas from
follows the same domain rules that ajax does. – dandavis Jul 28 '14 at 19:38
-
1yes I know. I've found a workaround. I can get binary image via AJAX, translate into base64 and use as data-uri. But how could I translate binary into base64? – Erik Jul 28 '14 at 19:39
-
how could I translate binary into base64? fr=new FileReader(); fr.onload=...; fr.readAsDataUrl(blobResponse) – dandavis Jul 28 '14 at 19:39
-
Thanks. Is it possible without FileReader? – Erik Jul 28 '14 at 19:41
-
http://stackoverflow.com/questions/9267899/arraybuffer-to-base64-encoded-string – Baldy Jul 28 '14 at 19:46
-
@Erik: there is also URL.createObjectURL() to get a local-only url that you can feed to an img src – dandavis Jul 28 '14 at 19:46
-
Thanks for the links. I'll try these :)) – Erik Jul 28 '14 at 19:49
-
Here's where a cool guy has implemented al your ideas http://stackoverflow.com/questions/20617720/why-doesnt-the-browser-reuse-the-authorization-headers-after-an-authenticated-x – Dan Feb 03 '15 at 17:12