Buscar primer imagen de post.

catoszyrko · #1 (**permalink**) 09/10/2011, 07:28

Hola,
Bueno primero que nada, este es mi primer tema así que tal vez esté poniendolo en cualquier lado, espero que no.

Estoy haciendo un boletin de noticias, y quiero buscar la primer imagen de cada post. así tambien su contenido etc.
El problema surge cuando la nota tiene más de una foto ya que en el campo de imagen a mostrar me muestra las dos. y no una sola.

El código que estoy aplicando es el siguiente.

<?
$data = $Articulo_Body;
$pattern = "/src=[\"']?([^\"']?.*(png|jpg|gif))[\"']/i";
preg_match($pattern, $data, $images);
$url = $images[1];
?>

<img src="<?= $url;?>" width="250"/>

Que estoy haciendo mal que me muestra dos, en lugar de solo una foto?
Por lo que leí por ahí hay un array pero quiero solo el campo uno del mismo,.

Ayudaa y gracias.

kiko's · #2 (**permalink**) 09/10/2011, 07:50

Mira lo que hace esto:

Código PHP:

  <?php

$doc=new DOMDocument();

$doc->loadHTML('<html><body>Test<br><img src="myimage.jpg" title="title" alt="alt"> </body></html>');

$xml=simplexml_import_dom($doc);

$images=$xml->xpath('//img');

foreach ($images as $img) {

    echo $img['src'];

}

Puedes leer otros atributos de la imagen tan fácil como $img['nombreAtributo'];

Saludos.

PS: Es recomendable abrir con <?php y hacer <?php echo en vez de <?=

andresdzphp · #3 (**permalink**) 09/10/2011, 12:58

Hola catoszyrko, tienes que usar el signo ? para que te coja la primera imagen y no se vaya del principio de la primera hasta el final de la última:

Fijate aquí .*?

Código PHP:

Ver original<?php
$data = '<img src="myimage.jpg" title="title" alt="alt"> <img src="myimage2.jpg" title="title" alt="alt">';
$pattern = "/src=[\"']?([^\"']?.*?(png|jpg|gif))[\"']/i";
preg_match($pattern, $data, $images);
echo $images[1];

también puedes hacer algo así, que captura todo lo que esté entre las comillas del src

Código PHP:

Ver original<?php
$data = '<img src="myimage.jpg" title="title" alt="alt"> <img src="myimage2.jpg" title="title" alt="alt">';
$pattern = '@src="(.*?)"@i';
preg_match($pattern, $data, $images);
echo $images[1];

Pásate por este aporte: http://www.forosdelweb.com/f18/aport...s-pcre-646110/

Ahora como propone kiko's

Así obtienes la primera imagen usando DOMDocument

Código PHP:

Ver original<?php 
$doc=new DOMDocument(); 
$doc->loadHTML('<html><body>Test<br><img src="myimage.jpg" title="title" alt="alt"> </body></html>'); 
$imgs = $doc->getElementsByTagName('img');
echo $imgs->item(0)->attributes->getNamedItem('src')->nodeValue;

En caso de que el html tenga errores puedes usar por ejemplo la función libxml_use_internal_errors o repararlo con la clase Tidy etc...

Saludos.

masterpuppet · #4 (**permalink**) 09/10/2011, 13:44

Regex para parsear html no creo que sea la mejor idea, si dispones de DOM seguiría el consejo de kiko's con una pegueña variante al xpath para no cargar todas las imágenes si solo te interesa la primera, algo asi:

Código PHP:

Ver original$images = $xml->xpath('//img[position() = 1]');

Saludos.

andresdzphp · #5 (**permalink**) 09/10/2011, 14:02

Si es cierto masterpuppet, me faltó aclarar eso que ya bastante nos lo has enseñado. Por cierto gracias por tus aportes.

Por otro lado me gustaría saber si tienes una referencia sobre como construir ese tipo de búsquedas ya sea con xpath o query de DOMXPath.

Saludos.

kiko's · #6 (**permalink**) 09/10/2011, 14:26

Cita:

Iniciado por andresdzphp

Si es cierto masterpuppet, me faltó aclarar eso que ya bastante nos lo has enseñado. Por cierto gracias por tus aportes.

Por otro lado me gustaría saber si tienes una referencia sobre como construir ese tipo de búsquedas ya sea con xpath o query de DOMXPath.

Saludos.

Si te refieres a como construir expresiones con xpath aquí te dejo un tutorial que me dieron en la Universidad:
http://netflie.es/blog/wp-content/up...rial-xpath.pdf

Y muchos ejemplos:
http://netflie.es/blog/wp-content/up...plos-XPath.pdf

Saludos

andresdzphp · #7 (**permalink**) 09/10/2011, 14:27

Exactamente eso necesito, muchas gracias kiko's.

ufff que interesante este tema, se merece una buena estudiada. Dejaré el código completo con las recomendaciones de todos:

Código PHP:

Ver original<?php
$html = '<html><body>Test<br /><img src="myimage.jpg" title="title" alt="alt" /><img src="myimage2.jpg" title="title" alt="alt" /></body></html>';
$doc = new DOMDocument();
$doc->loadHTML($html);
$sxe = simplexml_import_dom($doc);
$images = $sxe->xpath('//img[position() = 1]/@src');
echo $images[0]['src'];

Saludos