從文件夾內容讀取單個img src到HTML

我想寫一些簡單的代碼，但我不確定要使用什麼，JavaScript或PHP。我有一些結構化的HTML文檔，我想從一個文件夾插入到每個img src屬性的圖像。所以基本上我需要閱讀的內容，然後插入每一個，一個接一個。從文件夾內容讀取單個img src到HTML

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

由於任何人誰可能是能夠指導我在正確的方向..

我使用下面的代碼從目錄

<?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() 
?>

，但在此得到的圖像點我不知道如何將每個文件名插入到src屬性中

來源

2012-03-08 Jjames

你在哪裏得到的形象呢？ – 2012-03-08 10:16:48

這些圖像將由用戶上傳，然後我需要將它們的路徑讀入結構化HTMl文檔的源屬性 – Jjames 2012-03-08 11:17:38

您可以製作一個表來保存與該圖像所針對的產品ID關聯的圖像名稱，然後將圖像存儲在一個文件夾中，例如「上傳」，然後使用數據庫中的名稱，並獲取路徑爲「images/uploaded/productImage001.jpg」 – Kaushtuv 2012-03-08 11:28:13

看到這裏如何上傳圖片這裏使用PHP floder： http://www.w3schools.com/php/php_file_upload.asp

然後，一旦你完成簡單的上傳寫一個INSERT查詢添加到包含圖像的細節，如相關的圖像名稱和產品標識的表它

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

我假設你使用自動增量「ID」字段，用於圖像的主鍵。

然後你只需通過PRODUCT_ID查詢圖像表並獲得圖像名稱，然後添加到SCR字段

$imagename = 'myimage.jpg'; 

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

來源

2012-03-08 23:12:14 Kaushtuv

非常好，謝謝！ – Jjames 2012-03-09 10:37:54

您無法使用JavaScript讀取服務器上的目錄，因此您必須使用PHP以及類似於Recursiv eDirectoryIterator（http://php.net/manual/en/class.recursivedirectoryiterator.php）

來源

2012-03-08 10:12:56 Petter

使用PHP，您可以使用glob（）函數從目錄中獲取特定文件。

例如glob("path/to/images/*.jpg")會給你一個目錄中的jpg圖像數組。然後你可以使用foreach循環將它們全部打印到html頁面。

來源

2012-03-08 10:16:38 jmakila

從文件夾內容讀取單個img src到HTML

回答

相關問題