서버의 Jquery 파일 선택기

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>