Enviar información a través de una imagen

natttt · #1 (**permalink**) 12/04/2013, 09:25

Hola a todos!

Siento si este tema no va aquí, pero como no sé cómo se hace no sabía donde catalogarlo...

Mi pregunta es, como funciona un código del tipo:

Código:

<img src="http://www.sitio.com/imagen.gif?id=23423">

Necesitaría hacer algo parecido para enviar información cada vez que se muestre la imagen, pero no tengo ni idea de cómo hacerlo y por más que he buscado no he encontrado ningún ejemplo en la red que me ayude... ¿Alguien podría darme una pista?

Muchas gracias!

zetahosting · #2 (**permalink**) 12/04/2013, 09:28

Donde queres mostrar la informacion? dentro de una imagen?

maycolalvarez · #3 (**permalink**) 12/04/2013, 09:29

recuerda que puedes usar php como puente para generar imágenes, por lo que puedes capturar un GET, el punto aquí es la extension .gif, que usualmente se reemplaza a .php, a no ser que se configure el web server aplicando por ejemplo url amigables

emprear · #4 (**permalink**) 12/04/2013, 10:33

Se las conoce como imágenes de seguimiento, o bien podés hacerlo con php

tracker.html

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
</head>
<body>
<img src="tracker.php?id=1234" alt="" />
</body>
</html>

tracker.php

Código PHP:

Ver original<?php
ini_set('display_errors', 0);
$archivo = "378.gif";
$dato = $_GET['id'];
file_put_contents('registro.txt', $dato);
    header('Content-Type: image/gif');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    ob_clean();
    flush();
    readfile($archivo);
?>

ó con javascript

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
 
<script type="text/javascript">
//<![CDATA[
function registrar(i){
var valorId = i.src.split('=');
alert(valorId[1]);
// ya tenes el id, ahora manejás el valor
 
}
//]]>
</script>
</head>
<body>
<img src="378.gif?id=1234" onload="registrar(this)" alt="" />
</body>
</html>

De tener más parámetros vas a tener que parsear la query string

SAludos

natttt · #5 (**permalink**) 12/04/2013, 14:00

Muchísimas gracias!! Es justo lo que necesitaba :)