在html畫廊中顯示來自ftp服務器的文件

Question

我真的不知道該如何命名，但如果您知道任何腳本，我可以使用這種情況，我將不勝感激。

想到的是，我創建了一個php腳本來將我的文件（照片）上傳到我的ftp服務器上。但現在我想要的是將這些文件放到我的jQuery畫廊「fancybox」中，但我不想爲每張照片編寫html代碼。我想在那裏做一些自動處理，所以如果我把我的照片上傳到ftp，我的php腳本會自動爲我上傳的照片中的另一個名爲「gallery.php」（我的畫廊腳本存儲處）中的文件創建一些html標記...所以我需要獲取我的照片的位置，我的照片的名稱，然後做一些腳本..我不知道這些文件（.php上傳腳本或在gallery.php腳本）中寫入這個參數到img標籤與src =「」。

希望你明白我想要做什麼。請幫我這個;） 感謝您幫助我順便說一句。

Answer 1

我認爲你正在尋找什麼是PHP glob()功能。

我會有一個新的PHP文件image_get.php。

隨着內容是這樣的：

<?php 
$directory = "images/gallery"; 
foreach (glob($directory."/*.png") as $image) { 
    echo '<a href="'.$image .'"><img src="'.$image .'"></a>'; 
} 
?> 

然後一個AJAX調用image_get.php文件像這樣：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script> 
$(document).ready(function() { 
    $.ajax('image_get.php').done(function(data){ 
     $("#images").html(data); 
    }); 
}); 
</script> 

然後在你的HTML頁面的身體有一個div標籤的ID等於images。 您必須做出一些更改才能將元素添加到元素並獲取所有圖像，而​​3210函數只是返回目錄中擴展名爲.png的所有文件。

編號：

PHP：http://php.net/manual/en/function.glob.php

的Jquery：http://api.jquery.com/jquery.ajax/

Answer 2

你可以嘗試使用這個腳本： http://www.ubergallery.net/