2013-05-22 29 views
1

我正在php中創建一個表單。我希望訪問者上傳圖像(該部分已完成)或從上傳的文件中選擇一個。有沒有很酷的jQuery/PHP腳本可以解決這個問題?來自服務器的jquery文件選取器

我在想一個小對話框,顯示選定文件夾中的所有圖像。當訪問者點擊foo.jpg(帶縮略圖)時,文本字段中的值爲「foo.jpg」

任何想法?

謝謝!

+0

我還添加了如何製作縮略圖。 –

回答

1

只需掃描圖像目錄這樣的:

    <?php $dir = '/path/to/dir'; 
     $files1 = scandir($dir); 
     foreach ($files1 as $value) { 
     echo '<p class="images">'.$value.'</p>'; 
echo '<img class="clickableimg" id="'.$value.'" src="path/to/'.$value.'" />'; 
     } ?> 

而且你可以在類中添加事件「圖片」:

<script> 
$(".images").click(function() { 
var choosenpic = $(this).html(); 
$("#yourinputfieldID").val(choosenpic); 
}); 
    $(".clickableimg").click(function() { 
var choosenpic = $(this).attr('id'); 
$("#yourinputfieldID").val(choosenpic); 
}); 
</script> 
+1

酷!你知道如何使圖像可點擊嗎? – Stichy

+0

當然,我會在第二個編輯我的答案:) –

+0

你真棒!謝謝! :) – Stichy

相關問題