从Dropbox目录中提取并显示网站库中的图像

Question

我正在与一位摄影师客户合作创建一个简单的网站，我希望建立一个从Dropbox文件夹中提取的照片库，因此每当她想更新库中的图像时，她只需将照片从Dropbox文件夹中交换出来。很简单，对吧？

有没有办法使用jQuery或PHP从Dropbox目录中提取图像并将其显示到网页上？我已经成功地从Dropbox上的文本文件中提取了文本，但我不知道是否可以对目录中的图像进行相同的操作。

我在谷歌上做了一些搜索，但我不断得到一些结果，教我如何上传和下载图片到Dropbox目录——这不是我想要的。

Answer 1

我想我为像我这样的初学者找到了一个很好的解决方案。Drop box对您可以使用它做什么有很大的限制。但是，您可以通过FTP客户端同步FTP文件夹和子目录。我使用开源WINSCP。我让它在后台运行。它不断扫描ftp和dropbox文件夹进行同步。如果一个文件从一个文件夹中消失，它也会从另一个文件夹中消失。因此，您可以使用dropbox编辑图库中的照片，并使用上面的javascript创建一个很棒的灯箱。可能还有其他解决方案，但我发现这非常简单。此外，如果您担心空间问题，您可以简单地检索文件并将其从dropbox中删除。我知道这是一年前发布的，但我只是花了一整天的时间试图搞乱dropbox核心api，不幸的是，这让我不知所措。

Answer 2

我刚才也做过类似的事情。所以，是的，这是可能的。您可以搜索“没有数据库的php库”。您只需指定Dropbox的images目录的路径，并使其可通过web访问即可。

你需要学习Dropbox的工作原理吗？简言之，它将本地目录（比如摄影师电脑上的“C:/Dropbox/gallery/”）与Dropbox服务器同步。在此之后，安装并使用摄影师帐户登录的Dropbox的每一个其他实例都将获得并将“C:/Dropbox/Gallery/”的任何更改应用于其自己的副本（例如，在web服务器上的“/var/www/Dropbox/Gallery”）。

所以，首先你需要在Web服务器上安装Dropbox（https://www.dropbox.com/install?os=lnx）。有问题吗？如果是，你需要另想办法。如果没有，你可以只写一个简单的函数/类，它将扫描服务的网络目录（如 /var/www/Dropbox/gallery）的图像，并生成图像的网络可访问路径。

最简单的例子：

<?php
$images = glob("/var/www/Dropbox/gallery/*.*");
for ($i=0; $i<count($files)-1; $i++)
{
    $img = $images[$i];
    echo '<img src="/'.$img.'" alt="random image" />";
}
?>

另外，您可能对以下内容感兴趣：我的PHP DropBox Gallery 1.0测试版

Answer 3

这真的很简单。以下是http://davidwalsh.name/generate-photo-gallery的一个片段。遵循此链接，您将找到解决问题的简单方法（包括演示）。

/** settings **/
$images_dir = '<path-to-your-dropbox>';
$thumbs_dir = '<path-to-your-generated thumbnails>';
$thumbs_width = 200;
$images_per_row = 3;

/** generate photo gallery **/
$image_files = get_files($images_dir);
if(count($image_files)) {
  $index = 0;
  foreach($image_files as $index=>$file) {
    $index++;
    $thumbnail_image = $thumbs_dir.$file;
    if(!file_exists($thumbnail_image)) {
      $extension = get_file_extension($thumbnail_image);
      if($extension) {
        make_thumb($images_dir.$file,$thumbnail_image,$thumbs_width);
      }
    }
    echo '<a href="',$images_dir.$file,'" class="photo-link smoothbox" rel="gallery"><img src="',$thumbnail_image,'" /></a>';
    if($index % $images_per_row == 0) { echo '<div class="clear"></div>'; }
  }
  echo '<div class="clear"></div>';
}
else {
  echo '<p>There are no images in this gallery.</p>';
}