Cómo extraigo de una cadena una URL

#1 (**permalink**) 12/08/2012, 13:29

Lo que quiero hacer es una función que reciba como parámetro una cadena, entonces se buscará si en ella existe alguna imagen... y sí la hay, retornar su URL.

Supongamos que mandan esta cadena a la función:

Código HTML:

Ver originalTexto de prueba, texto de prueba http://imagen.jpg texto de prueba, texto de prueba.

Cómo saco la URL de esa cadena, es decir esto:

Código HTML:

Ver originalhttp://imagen.jpg

Carloosolrac · #2 (**permalink**) 12/08/2012, 18:35

con expresiones regulares

dontexplain · #3 (**permalink**) 12/08/2012, 20:23

string="Texto de prueba, texto de prueba http://imagen.jpg texto de prueba, texto de prueba.";
a=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi.exec(string);

alert(a[0])

Un saludo.

#4 (**permalink**) 14/08/2012, 01:15

Cita:

Iniciado por dontexplain

string="Texto de prueba, texto de prueba http://imagen.jpg texto de prueba, texto de prueba.";
a=/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi.exec(string);

alert(a[0])

Un saludo.

Gracias ^^

furoya · #5 (**permalink**) 14/08/2012, 12:16

Me parece que esa RegExp encuentra cualquier cosa que tenga un punto en el medio.

No estoy muy seguro porque no soy bueno para leer expresiones regulares (y para montones de otras cosas tampoco), pero creo que si aparece en la cadena un "pru.eba" lo toma como imagen.

Lástima que no está viniendo por el Foro IsaBelM, ella está entre los expertos que las ven clarísimas.

A mí se me ocurre que se pueden agregar las extensiones para asegurarnos de que sean imágenes, y eso de por sí ya excluye otras subcadenas que contengan un punto en el medio, porque las probabilidades de que coincidan al final con las letras de una extensión de imagen, sin ser realmente una imagen, son muy pocas.

Código:

var a = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)+\.(jpg|gif|png|bmp)/gi.exec(string);

emprear · #6 (**permalink**) 14/08/2012, 14:01

Primero
http://imagen.jpg
si bien es una url corresponde al domino imagen en el dominio de primer nivel jpg, eso desde ya no existe
Volviendo al tema de las urls...

Esto es casi lo mejor que podés encontrar

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Detección extracción de url's</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript">
//<![CDATA[
  function validar() {
  var cadena = document.getElementById('texto').value;
  var exp_reg  = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?/g; 
  var verifica = cadena.match(exp_reg);
  if (verifica !== null){
  document.getElementById('mensaje').innerHTML = "<b>Array de ur'ls detectadas:<\/b><br \/>" + verifica;
  }else {
  document.getElementById('mensaje').innerHTML = "No hay url's";
  return false;
  }
  }
  //]]>
  </script>
 </head>
 <body>
  <form action="#">
   <div>
    <textarea rows="10" cols="100" id="texto">
</textarea><br />
    <input type="button" value="validar" onclick="validar();" /><br />
    <br />
   </div>
  </form>
  <div id="mensaje">
   <!-- mensaje validación -->
  </div>
 </body>
</html>

y digo casi, porque gracias a modRewrite podés hacer cosas como esta
http://mr5.emprear.com/inx.html
En particular el segundo link, en dónde los espacios en blanco no están codificados, demás está decir que esto verifica la sintáxis, sin tener en cuenta si la url es real o no.
Saludos