使用PHP和jQuery生成动态图库

时间:2010-08-06 16:07:23

标签: php jquery ajax perl gallery

我脑子里有一个想法,我想创造一些东西,但事实并非如此 确定最好的方法。我想提出这个想法并得到一些 在我第一次潜入之前,以聪明的方式解决这个问题的意见 错误的方向!

我有一个摄影网站,显示多个投资组合 几个不同的摄影师。它有缩略图和大图像,和 它们被组织为li中的ul

想法:

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

图片上传后,我希望将它们调整为大图 图像和拇指,拇指在子目录中,并具有文件 顺序命名。

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

我在想什么:

我正在考虑用于图像上传和操作的PHP或Perl脚本,以及 也许使用一个脚本来进行AJAX文件上传和操作, 但是我想尽可能多地处理代码。

我想在每次上传会话结束后都会有一个PHP脚本 会在画廊文件中生成HTML,而不是每次都生成HTML 访问者访问具有它的页面创建基于的内容 。目录

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

  • 哪种语言最适合 每一步? (我想主要使用jQuery,因为那是我的大部分JS)
  • 有关的任何建议 方法或序列?
  • 要避免的事情 一起做所有事情?

提前致谢!

1 个答案:

答案 0 :(得分:0)

你需要的只是一个好的文件上传器,基于jquery的库插件以及php函数“file_put_contents”的一些帮助。 这里的过程是在成功上传后,您的脚本应该从所需的文件夹生成一个正确的图像列表。 例如:

$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'或任何相同的函数。