lire individuel img src du contenu du dossier en HTML

Question

J'essaie d'écrire du code simple, mais je ne suis pas sûr de ce qu'il faut utiliser, javascript ou PHP. J'ai des documents HTML structurés et je veux insérer une image d'un dossier dans chaque attribut img src. Donc, fondamentalement, je devrais lire dans le contenu et ensuite insérer chacun, un par un.

<div class="slideshow"> 
     <div class="wrapper"> 
      <ul> 
       <li> 
        <div class="main"> 
         <a href="product1.html"><img src="images/sample/name1-1.jpg" alt="" width="630" height="400" /></a> 
        </div> 
        <div class="second"> 
         <img src="images/sample/name1-2.jpg" alt="" width="310" height="190" /> 
        </div> 
        <div class="third"> 
         <img src="images/sample/name1-3.jpg" alt="" width="310" height="190" /> 
        </div> 
       </li> 

Merci à tous ceux qui pourraient être en mesure de me diriger dans la bonne direction ..

J'utilise le code suivant pour obtenir les images à partir du répertoire

<?php 

Header("content-type: application/x-javascript"); 

function returnimages($dirname=".") { 
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)"; 
$files = array(); 
$curimage=0; 
if($handle = opendir($dirname)) { 
while(false !== ($file = readdir($handle))){ 
if(eregi($pattern, $file)){ 

echo 'galleryarray['.$curimage.']="'.$file .'";'; 
$curimage++; 
} 
} 

closedir($handle); 
} 
return($files); 
} 

echo 'var galleryarray=new Array();'; 
returnimages() 
?> 

mais à ce point Je ne suis pas sûr comment insérer chaque nom de fichier dans l'attribut src

Answer 1

Voir ici sur la façon de télécharger l'image à Floder en utilisant php ici: http://www.w3schools.com/php/php_file_upload.asp

Alors Une fois que vous avez terminé le téléchargement écrire simplement une requête d'insertion pour ajouter à votre table contenant les détails d'image tels que le nom de l'image et l'identifiant de produit associé avec elle

INSERT INTO images (id, image_name, product_id) VALUES ('myimage.jpg', '20'); 

Je suppose que vous utilisez incrémentation automatique pour le champ « id », la clé primaire pour les images.

Alors vous venez interroger la table d'images par product_id et obtenir le nom de l'image puis ajouter au champ scr comme

$imagename = 'myimage.jpg'; 

<img src="images/<?=$imagename;?>" /> 

Answer 2

Vous ne pouvez pas lire un répertoire sur le serveur avec JavaScript, vous devez donc utiliser PHP, et quelque chose comme Recursiv eDirectoryIterator (http://php.net/manual/en/class.recursivedirectoryiterator.php)

Answer 3

Avec PHP, vous pouvez utiliser la fonction glob() pour obtenir des fichiers spécifiques d'un répertoire. Par exemple glob("path/to/images/*.jpg") vous donnerait un tableau des images jpg dans votre répertoire. Ensuite, vous pouvez utiliser une boucle foreach pour les imprimer tous sur une page html.