php - 来自服务器的 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>