使用 PHP 和 jQuery 生成动态图片库

Question

我脑子里有一个想法，我想创造的东西，但不是 确定最好的方法。我想提出这个想法并得到一些 在我一头扎进之前，对解决这个问题的明智方法的看法 方向错了！

我有一个摄影网站，显示多个作品集 几个不同的摄影师。它有缩略图和大图像，并且 它们在ul 中组织成li。

想法：

我想要一个只需要密码的登录名，该密码可将您带到 允许您上传、重命名或删除指定文件的页面 目录。该目录将由下拉列表中的选择定义 菜单。

图片上传后，我希望将它们调整为大 image 和 thumb，thumb 在一个子目录下，并拥有文件 按顺序命名。

图库页面会自动为每个文件夹创建一个图库 一个指定的目录。每个文件夹都包含图像和拇指 文件夹。

我在想什么：

我正在考虑使用 PHP 或 Perl 脚本进行图像上传和操作，以及 也许使用脚本进行 AJAX 文件上传和操作， 但我想尽可能多地提交代码。

我想在每个上传会话完成后，一个 PHP 脚本 会在图库文件中生成 HTML，而不是每次 访问者访问页面，使其根据 目录。

我可以就如何最好地解决这个问题获得一些建议吗？

• 哪些语言最适合 每一步？ （我想主要使用 jQuery，因为这是我的大部分 JS）
• 关于 方法还是顺序？
• 要避免的事情 一起做吗？

提前致谢！

Answer 1

您所需要的只是一个好的文件上传器、基于 jquery 的图库插件和一些 php 函数“file_put_contents”的帮助。 这里的过程是在成功上传之后，您的脚本应该从所需文件夹生成正确的 ul li 图像列表。 示例：

$theGallery ="<ul class='gallery'>";
$dir = "dir_of/images";
$good_ext = array(".jpg",".gif");


if ($handle = opendir($dir)) {
     while (false!== ($file = readdir($handle))) {
     $ext = strrchr($file,".");
          if(in_array($ext,$good_ext))
          {
          //do something with file
          $theGallery .="<li><img src='".$file."'></li>";
          }
    }
closedir($handle);
}
else
{
$theGallery .="<li>Directory does not exist!</li>";
}
$theGallery .= "</ul>";

然后添加一些 html 和 javascript 代码，例如：

 $(document).ready(function(){
      $('ul.gallery').toGallery();
 });

一些jquery插件就是这样很容易实现的。感谢选择器。

脚本的最后一部分是将动态生成的 html 代码放入文件中。 所以我们将使用'file_put_contents'或任何做同样事情的函数。