php - 使用 PHP 将照片 URL 发送到 JavaScript

Question

我正在帮助我的 friend 管理他的照片网站 oneonethousand.org。他希望根据他放置在目录中的照片自动生成照片库。我没有使用 Ajax 的经验，并且认为它可能太复杂，无法用于此目的。

我认为最好的是使用 PHP 来识别目录中照片的 URL，并以某种方式将这些 URL 发送到 JavaScript，以便 JavaScript 可以预先加载它们，然后在选择相应的照片按钮时显示它们该网站。

我对 PHP 和 JavaScript (JQuery) 比较了解，但我不太确定我需要做的事情的最佳实践是什么。

重申一下:他想要做的是将照片放入目录中，PHP 在该目录中搜索照片名称，并将这些 URL 传递给 JavaScript，以便它可以预加载它们。

您建议如何解决这个问题？

Answer 1

我可能会使用 AJAX 来执行此操作，但您当然不必这样做。在浏览器加载的页面中，您可以让 PHP 打印 Javascript，如下所示:

$HTML  = '<script type="text/javascript">' . "\n";
$HTML .= 'var ImageCache = [];'            . "\n";

foreach (glob('Path/To/Images/*.jpg') as $Image))
{
    $HTML .= 'ImageCache.push("' . $Image . '");' . "\n";
}

$HTML .= 'for (var i in ImageCache) {'                 . "\n";
$HTML .= "\t" . 'var Source = ImageCache[i]; '         . "\n";
$HTML .= "\t" . 'ImageCache[i] = new Image(100, 100);' . "\n";
$HTML .= "\t" . 'ImageCache[i].src = Source;'          . "\n";
$HTML .= '}';

$HTML .= '</script>';