Image extraction without reloading from src

[osschef]

Hey there,

There is a foreign site whose content is not under my control.
When I open this site, it contains an image.
Using DOM traversal, I can predictably store the according <img> tag into a variable.

I want that image somehow extracted, without having to intervene manually.

It is intended that other programs, running under my control on localhost, can furtherly manipulate and use the image.
I thought of creating a local web server, and letting the JS send me "some data" via post to that web server.

However, simply reloading from src is NOT possible, since the content changes dynamically (non-idempotent behaviour of the foreign server in response to a get request), and I badly want exactly the same image as displayed in the browser.

According to w3schools, the <img> tag is just a container.
That leaves me with the question: How can I access the image itself (programatically) without reloading it from src?
Google hasn't turned up a result, I'm new to JS, and nobody I know can give me a hint.

Just to make my point clear: I'm only talking about that image-extraction part.
Everything else can be adapted to this (except the foreign server, of course)

(Posted under DOM because I thought the solution might somehow DOM-related. Not sure though.)

osschef

[nibbrwebdevelop]

Originally Posted by osschef

Hey there,

There is a foreign site whose content is not under my control.
When I open this site, it contains an image.
Using DOM traversal, I can predictably store the according <img> tag into a variable.

I want that image somehow extracted, without having to intervene manually.

It is intended that other programs, running under my control on localhost, can furtherly manipulate and use the image.
I thought of creating a local web server, and letting the JS send me "some data" via post to that web server.

However, simply reloading from src is NOT possible, since the content changes dynamically (non-idempotent behaviour of the foreign server in response to a get request), and I badly want exactly the same image as displayed in the browser.

According to w3schools, the <img> tag is just a container.
That leaves me with the question: How can I access the image itself (programatically) without reloading it from src?
Google hasn't turned up a result, I'm new to JS, and nobody I know can give me a hint.

Just to make my point clear: I'm only talking about that image-extraction part.
Everything else can be adapted to this (except the foreign server, of course)

(Posted under DOM because I thought the solution might somehow DOM-related. Not sure though.)

osschef

Could you give more details on how the foreign site is generating the image. Can you show an example of the page in question?

This is probably going to be more complex than just using javascript. You may need to use a server side language such as PHP and manipulate the DOM and use CURL to store cookies, send correct headers etc.

[Lerura]

The reason why the WM have made it this way is because they want to prevent you from using/saving their image.
And they probably also have copyright of the image.

There is no way that you will be able to use/save the image.
And if there was, it would be considered hacking.

These forums rules (1.4: No illegal requests) do not allow you to ask for help with illegal activity.

[rnd me]

you question is unclear.
use html scraping techs to get the img tag attribs, use curl to get the src binary data.

if it's on another server that's not setting access-control headers, use node.js or greasemonkey to run your javascript.