Jquery file picker с сервера

Question

Я делаю форму в php. Я хочу, чтобы посетитель загрузил изображение (эта часть была сделана) или выберите один из загруженных файлов. Есть ли какой-нибудь классный сценарий jQuery/php, который разрешит это?

Я подумываю о небольшом диалоговом окне, в котором отображаются все изображения из выбранной папки. Когда посетитель нажимает на foo.jpg (с миниатюрами), значение в текстовом поле будет «foo.jpg»

Любые идеи?

Спасибо!

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