obtener/devolver nombre de imágenes

[Alexis88]

Solamente tienes que tomar a todos los elementos <img> ya sea por el nombre de la etiqueta (img) o la clase (class), lo cual generaría una lista de nodos. Luego, recorres dicha lista y en cada iteración, obtienes el valor del atributo src y lo colocas en donde desees. Para obtener el nombre sin la extensión, delimita la cadena con el método substring.

Código Javascript:

var imagenes = document.getElementsByTagName("img"),
    labels = document.getElementsByTagName("label"),
    totalImg = imagenes.length;
 
for (i = 0; i < totalImg; i++){
    var src = imagenes[i].src;
    labels[i].innerHTML = src.substring(src.lastIndexOf("/") + 1, src.lastIndexOf("."));
}
 

En este ejemplo, asigno los nombres de las imágenes a elementos <label> que coloco justo debajo de cada imagen. Como la ruta de la imagen contiene barras inclinadas y como solo quiero tomar solamente el nombre, tomo el fragmento de la ruta que va desde una posición adelante de la última barra inclinada hasta antes del punto correspondiente a la extensión, para lo cual utilizo el método lastIndexOf.



Saludos