Using image after loading on page

Question

I have loaded a remote image from Facebook on to my webpage. I am wanting to find where it is cached so I can get the src path to it so I can use it on my canvas. The problem I am having is when I try to set the Facebook src path it is giving me cross origin errors because it is not a local file. Is this something that HTML5 local storage might solve?

In the end I would like to have a path to the loaded image that does not involve me saving them to my server and pulling them down again.

You should probably use a data URL. Send the image to your server, have it convert it to a data URL, and then use that. — Some Guy
– Some Guy, Commented Sep 27, 2012 at 16:08
Are you trying to access the image from an iframe? Are you trying to get access to the pixels once loaded into the canvas? These are both restricted on cross-origin resources. — TheZ
– TheZ, Commented Sep 27, 2012 at 16:09
I am getting the images from the Facebook sdk so it gives me an actual image link. My thought process is that the image has to be 'saved' locally somewhere that I could reference. — Bryan Williams
– Bryan Williams, Commented Sep 27, 2012 at 16:13

Mayank K. Swami · Accepted Answer · 2012-09-27 16:09:11Z

2

you can do this by adding the image by jquery on the .load() because The window load event executes a bit later when the complete page is fully loaded,

answered Sep 27, 2012 at 16:09

Mayank K. Swami

57.3k23 gold badges130 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bryan Williams Over a year ago

Does this give me a path to image or is it the image saved in the variable I called load with?

Collectives™ on Stack Overflow

Using image after loading on page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related