How do i get the imagedata from a loaded img?

[puggan]

How do i get the imagedata from a loaded img?

if i have:
<img id='myImage' src='generate_image.php' />

and then i want to copy the current picture and send it whit ajax.

Can i do something like:
var image_data = document.getElementById('myImage').data;

(I can't use ajax or read the file, as it generate a new picture each time, i need to copy the current one)

[aj_nsc]

If a new image is generated each time then why don't you rewrite the php script? Add some statement that says if the script is requested via Ajax (I do this by passing a get variable) then return the image resource, otherwise (if the get variable specifying an AJAX call is missing) then save the image to the server.

[puggan]

Its not my server, i need it for a greasmonkey script.

The ajax is doing a OCR on the picture.

[slaughters]

JavaScript can't send the img data, only the src URL (which should be all your server side program should need).

List of all the IMG tag DOM properties can be found here:
http://www.w3schools.com/jsref/dom_obj_image.asp

http://www.w3.org/TR/1999/REC-html40....html#edef-IMG

[aj_nsc]

Sorry, I misunderstood the question.

[rnd me]

if you are using greasmonkey, you can ajax the image url, load it to a canvas tag, and export the canvas to a dataURI. look up "cross domain greasemonkey" and "canvas tag"...

[puggan]

if you are using greasmonkey, you can ajax the image url, load it to a canvas tag, and export the canvas to a dataURI. look up "cross domain greasemonkey" and "canvas tag"...

think you missed:

I can't use ajax or read the file, as it generate a new picture each time, i need to copy the current one

But il got a link to some exemple code on canvas on antoher forum.
http://stackoverflow.com/questions/9...-in-javascript

Il try that out.