3

Necesito obtener el nombre de una imagen con javascript, pero cuando el nombre esta vació me da como resultado "index.html", ¿Cómo puedo validar que la imagen no este vacía? cuando la imagen existe, por consola obtengo el nombre de la imagen ("sinimagen.png") pero cuando esta vació el src me muestra "index.html".

// Aca puede obtener todo el nombre imagen.jpg
   var fullPath = document.getElementById("imageA").src;

   // Aca solo el nombre imagen
   var filename = fullPath.replace(/^.*[\\\/]/, '');

   if(filename == ""){
      console.log("No hay imagen: " + filename);
   } else {
      console.log("nombre imagen: " + filename);
   }
var fullPath2 = document.getElementById("imageB").src;

var filename2 = fullPath2.replace(/^.*[\\\/]/, '');

 if(filename2 == ""){
    console.log("No hay imagen: " + filename2);
 } else {
    console.log("nombre imagen: " + filename2);
 }
<img src="img/sinimagen.png" id="imageA" style="width: 100%; border: 1px solid blue;"/>
<img src="" id="imageB" style="width: 100%; border: 1px solid blue;">

2 respuestas 2

3

Cuando obtienes el valor del src de una imagen, lo que obtienes es la url actual de la pagina (http://ejemplo.com/) más el nombre de la imagen (imagen.jpg) para tener la dirección actual (que seria en este caso http://ejemplo.com/imagen.jpg). Si la src de la imagen esta vacia (src="") obtienes la url actual sin el nombre de una imagen (no una cadena vacía) y por eso el código no funciona.

Para que funcione como quieres te sugiero primero comparar la src con window.location que es donde se almacena la url actual para saber si esta vació y luego continuas como el siguiente código.

// Aca puede obtener todo el nombre imagen.jpg
   var fullPath = document.getElementById("imageA").src;
      console.log(fullPath);
   if(fullPath == window.location){
      console.log("No hay imagen: ");
   } else {
   // Aca solo el nombre imagen
      var filename = fullPath.replace(/^.*[\\\/]/, '');
      console.log("nombre imagen: " + filename);
   }
<img src="" id="imageA" style="width: 100%; border: 1px solid blue;">

Espero te sea de ayuda. Saludos.

1

esto deberia resolverlo:

var fullPath = document.getElementById("imageA").src;

// Aca solo el nombre imagen
 var filename = fullPath.replace(/^.*[\\\/]/, '');

filename != "" ? console.log('nombre imagen' +filename) : console.log('no hay 
imagen');

Nota que filename toma un valor "" cuando no hay src

velo funcionando aca: https://jsfiddle.net/cgk0a46v/8/

1
  • era lo que necesitaba estuve cerca gracias
    – David
    Commented el 27 jun. 2019 a las 21:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.