¿como cargar imagenes con JS sin saber extensión ni nombre?

#1 (**permalink**) 25/04/2012, 16:07

Buenas noches compañeros,

En esta ocasión necesito(si me queréis hacer el favor) que me expliquéis como recoger con un array las imágenes de un directorio sin saber su nombre ni extensión.

El ejemplo sería así pero de forma dinámica:

Código Javascript:

Ver originalvar slides = new Array('../admin/fotos/502/slide_1.jpg',
                       '../admin/fotos/502/slide_2.jpg',
                       '../admin/fotos/502/slide_3.jpg',
                       '../admin/fotos/502/slide_4.jpg',
                       '../admin/fotos/502/slide_5.jpg');

Espero vuestra ayuda.

Un saludo muy grande.

Dafonz · #2 (**permalink**) 25/04/2012, 16:14

siendo javascript lado cliente e imágenes lado servidor no es posible... se necesita algún lenguaje lado del servidor (php, java, asp, etc.. desconozco si con node.js se puede no lo he usado nunca)

emprear · #3 (**permalink**) 25/04/2012, 16:16

No podés, al menos con javascript, necesitas algo que acceda al sistema de archivos en el server, como php, y la función readdir()

Saludos

#4 (**permalink**) 25/04/2012, 17:13

Hola Dafonz y emprear,

Ya he avanzado algo, es lo siguiente:

Código PHP:

 
<script type='text/javascript'>

var slides = new Array(

<?php

$id_anuncio=$_GET['id_anuncio'];

$dir = 'admin/fotos/'.$id_anuncio.'/';

 
// Abrir un directorio conocido, y proceder a leer sus contenidos

if (is_dir($dir)) {

if ($gd = opendir($dir)) {

while ($archivo = readdir($gd)) {

    if($archivo=='.' || $archivo == '..') continue;

    

    $file_parts = explode('.',$archivo);

    $ext = strtolower(array_pop($file_parts));

    

    echo "'admin/fotos/".$id_anuncio."/".$archivo."',";

}

closedir($gd);

}

}

?>

);

</script>

Lo que me falta es eliminar la coma de la última repetición, es decir, se esta repitiendo lo siguiente;

Código:

'admin/fotos/".$id_anuncio."/".$archivo."',

y necesito que la ultima repetición se repita sin la coma final, es decir:

Código:

'admin/fotos/".$id_anuncio."/".$archivo."'

Agradezco nuevamente las posibles respuestas.

emprear · #5 (**permalink**) 25/04/2012, 18:04

Podés hacer algo asi (cuidado que le removói algunas cosas, la idea es que al hacer el readdir() no imprimas la salida, sino que la pongas en un array(), al tener el total (count()), de ese array, despues si con un foreach() imprimis el javascript, sumando $i sabés cual es el último

Código PHP:

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>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<?php 
//$id_anuncio=$_GET['id_anuncio']; 
$dir = './'; 
$arr = array();
// Abrir un directorio conocido, y proceder a leer sus contenidos 
if (is_dir($dir)) { 
if ($gd = opendir($dir)) { 
while ($archivo = readdir($gd)) { 
    if($archivo=='.' || $archivo == '..') continue; 
     
    $file_parts = explode('.',$archivo); 
    $ext = strtolower(array_pop($file_parts)); 
     array_push($arr,"'$archivo'");
    //echo "'admin/fotos/".$id_anuncio."/".$archivo."',"; 
} 
closedir($gd); 
} 
} 
?> 
 
<script type='text/javascript'> 
var slides = new Array( 
 
<?php
$total = count($arr);
$i = 1;
foreach($arr as $valor){
  if($i != $total){
  echo "$valor,\n";
    }else{
    echo "$valor";
    }
$i++;
 }
?>
 
 
); 
</script> 
</head>
<body>
 
</body>
</html>

A lo mejor se puede optimizar, pero funciona

Saludos