Random image capturer

Question

I have a script that shows random images on a page which I'd like to take log of via Javascript or PHP. The problem is, image source is something like /random.php. How can I retrieve image data without losing the actual random assigned to that page?

Thanks,

score 2 · Accepted Answer · answered Sep 25 '12 at 11:10

2

Does this javascript do the trick:

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

Usage with jQuery selector:

getBase64Image($('#omg')[0])

where omg is the id of your image

answered Sep 25 '12 at 11:10

Дамян Станчев

2,654
5
30
53

Thanks, how can I send this to server etc? – user1696420 Sep 25 '12 at 11:16
1

You can use ajax the following way: `$.ajax({url:'/get.php',cahce:false,async:true,data:{image:yourData},type:'POST'});` where yourData is the base64 data. – Дамян Станчев Sep 25 '12 at 12:39

score 0 · Answer 2 · answered Jan 27 '16 at 11:57

0

Usahe with this link

http://lorempixel.com/300/300/

It use random image and custom size

Just Like this.

<img src="http://lorempixel.com/300/300/">

answered Jan 27 '16 at 11:57

LV100

1
3

Random image capturer

2 Answers2