Hay alguna forma de usar el html o javascript o cualquier otra cosa,para añadir todas las imágenes presentes en una carpeta a la página web.

Supongamos que tengo 10 imágenes, a continuación, en lugar de escribir diez líneas de código como

<img src="1.jpg"/>
<img src="2.jpg"/>
.
.
.

etc

una única línea de código que podría añadir todas las imágenes de una carpeta como «*.jpg» todas las imágenes jpg. Soy nuevo en tecnologías de la web, y solo tengo esa duda.

Cualquier ayuda muy apreciada.

Gracias y Saludos

  • ¿estás usando algún framework?
  • El problema con JS es el lado del cliente, y para recuperar los archivos en una carpeta que usted necesita tener algún tipo de índice que se tiene que generar el lado del servidor.
InformationsquelleAutor technocrat | 2010-12-12

3 Comentarios

  1. 2

    Como usted dijo «o de cualquier otra cosa» me gustaría recomendar el uso de bash one-liner para la recopilación de imágenes en la carpeta actual y añadirlos a un único archivo, llamado index.html:

    for i in *.jpg; do echo "<img src='$i' />" >> index.html; done;

    Acaba de agregar la falta de html etiquetas y listo.

    EDITAR: puede utilizar el shell de Windows (cmd), así:

    FOR %i IN (*.JPG) DO ECHO ^<img src="%i" /^> >> index.html
    • wow, pero qué idioma es. y necesito combinar esta sin escribir <script> etiqueta.
    • Como he dicho está escrito para el shell bash. Usted podría utilizar este código si usted tiene acceso a una shell bash, ya sea en el servidor o en su propio ordenador. En el último caso, puede ejecutar esta línea y editar el archivo resultante antes de cargar a su servidor web. La ventaja de esta solución (así como cualquier otra solución de servidor que implican por ejemplo, php, perl, python, ruby, etc.) radica en el hecho de que ningún navegador visitando su página tiene que tener soporte para javascript habilitado.
    • yah, eso es una buena solución. Pero estoy usando bash en windows y el index.html el archivo contiene sólo «<img src=’*.jpg’ />»
    • ¿alguien puede añadir sus pensamientos a este enfoque. Creo que esto podría estar más cerca de lo que necesito. Pero el resultado no es el esperado. Sólo una línea de <img> etiqueta se genera aquí. Gracias
    • He añadido una solución sencilla para el shell de windows. Funcionó en mi Windows Vista caja. Tal vez esto ayuda a que – como yo no sé por qué la versión de bash no trabajar para usted …
    • Esto es simplemente genial.. a mí me funcionó así. También he intentado añadir que la secuencia de comandos en un archivo bat y ejecutar pero a fuerza de trabajo. Cómo agregar a un archivo bat?? Gracias por su amable ayuda.
    • Eres bienvenido! Sobre el archivo bat: lo Siento, pero no sé. No estoy usando Windows con regularidad y sobre todo, no la cáscara. Tal vez alguien lo puede ayudar?
    • ok. Gracias y no hay Palabras para expresar mi gratitud.

  2. 4

    En HTML – no.

    Pero, si todas las imágenes son nombrados como «1.jpg», «2.jpg», «3.jpg»… así que usted puede construir un javascript bucle.

    intente algo como:

    <html>
    <body>
    <script type="text/javascript">
    var i=0;
    for (i=0;i<=5;i++)
    {
    document.write("<img src=\"" + i + ".jpg\"/>");
    document.write("<br />");
    }
    </script>
    </body>
    </html>

    Leer aquí: http://www.w3schools.com/JS/js_loop_for.asp
    y tratar de aprender programación básica temas, sino simplemente como un bucle..

    • esta una de las grandes obras,pero el nombre del archivo a 1,2… ¿no hay alguna otra manera de usar javascript, que puede mostrar cualquier número de imágenes y tener cualquier nombre. Gracias
  3. 1

    Es mucho más fácil hacer esto con una tecnología del lado del servidor, como PHP, con su glob() función y foreach bucle.

    • ok. No sé de php, por lo que hay no manera más fácil el uso de javascript o html??
    • el php solución parece ser mejor,porque no depende de los nombres de archivo.Pero puedo decir que el ejemplo de aplicación con archivos jpg. Gracias
    • Hay un ejemplo en la página vinculada. Basta con sustituir *.txt con *.jpg.
    • hola he intentado utilizar la función glob pero todo en vano. Me pueden ayudar con esto, ¿cómo es exactamente y qué pedazo de código que realmente lo hace.. no lo he entendido correctamente. Gracias
    • aquí es ur respuesta: stackoverflow.com/questions/19129086/…

Dejar respuesta

Please enter your comment!
Please enter your name here