動態PHP列表與foreach循環

Question

試圖建立一個動態畫廊，通過AJAX加載。

我試圖把它打造ul與多達list items因爲有圖片，因爲每個畫廊都有不同數量的圖像......是這樣的：

<ul id="foo"> 
<li><a href="javascript:void(0);"><img src="../images/portfolio/foo/001.jpg></a></li> 
<li><a href="javascript:void(0);"><img src="../images/portfolio/foo/002.jpg></a></li> 
</ul> 
<div class="description">FOO TITLE/DESCRIPTION</div> 

<ul id="bar"> 
<li><a href="javascript:void(0);"><img src="../images/portfolio/bar/001.jpg></a></li> 
<li><a href="javascript:void(0);"><img src="../images/portfolio/bar/002.jpg></a></li> 
<li><a href="javascript:void(0);"><img src="../images/portfolio/bar/003.jpg></a></li> 
</ul> 
<div class="description">BAR TITLE/DESCRIPTION</div> 

我對PHP的構建不熟悉我構建的函數。任何幫助？這是我到目前爲止（注意我擁有的陣列是一個臨時解決方案...如果項目比陣列中列出的項目少4個，那麼它不起作用）：

<?php function generateProject($projTitle,$projDesc) { 

$proj = $_GET['proj']; 

echo '<ul id="'.$proj.'">'; 

$array = array('001','002','003','004'); 

    foreach($array as $picture) 
    { 
     echo '<li><a href="javascript:void(0);"><img src="../images/portfolio/'.$proj.'/'.$picture.'.jpg"'; 
     echo '</li>'; 
    } 

echo '</ul>'; 

echo '<div class="description">'.$projTitle.' <span class="slash">&nbsp;/&nbsp;</span>'.$projDesc.'</div>'; 

} ?> 


<?php 
    generateProject(
    'deadAWESOME', 
    'Gargoyles. Dusty leather tomes. Hidden rooms. Coffee.'); 
?> 

Answer 1

首先，直接從$_GET獲取$proj路徑是不安全的。在將其放入URL之前，應該根據可接受值或正則表達式的數組對其進行檢查。在這種情況下，只要Web服務器的文檔根目錄安裝正確，就不會造成太大的損害。但保護你的路徑是一個好習慣。

$proj = $_GET['proj']; 

// Method 1: regex 
// Test that proj is only lowercase letters... 
if (!preg_match("/^[a-z]+$/", $proj)) { 
    // Oops, invalid $proj 
} 

// Or as ctype_alpha() 
if (!ctype_alpha($proj)) { 
    // invalid $proj 
} 

// Method 2: whitelist array 
// Array holds the valid possible values for $proj 
$valid_proj = array("project1", "barmitzvah", "wedding"); 
if (!in_array($proj, $valid_proj)) { 
    // Oops, invalid project 
} 

要獲得所有從文件系統中的圖像，你可以使用readdir()。

// Use a glob to get all the images *.jpg 
$imgs = glob("/filesystem/path/to/images/portfolio/$proj/*.jpg"); 

foreach ($imgs as $picture) { 
    // Get only the base filename 
    $picture = basename($picture); 

    // Then build the <li> 
    echo '<li><a href="javascript:void(0);"><img src="../images/portfolio/'.$proj.'/'.$picture; 
    echo '</li>'; 
}