来自服务器的 Jquery 文件选择器

【问题标题】：Jquery file picker from server来自服务器的 Jquery 文件选择器
【发布时间】：2013-05-22 13:18:09
【问题描述】：

我正在用 php.ini 制作表格。我希望访问者上传图像（该部分已完成）或从上传的文件中选择一个。有没有很酷的 jQuery/php 脚本可以解决这个问题？

我正在考虑一个显示所选文件夹中所有图像的小对话框。当访问者点击 foo.jpg（带有缩略图）时，文本字段中的值将是“foo.jpg”

有什么想法吗？

谢谢！

【问题讨论】：

我还添加了如何制作缩略图。

标签： php javascript jquery forms file

【解决方案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>

【讨论】：

酷！你知道如何让图片也可以点击吗？
你太棒了！谢谢！ :)