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;">