快速轻松地从文件夹中选择一个随机文件

时间:2014-05-20 16:54:46

标签: javascript php jquery css random

我正在使用多个div容器的网站上工作。 所有这些都有一个共同的类,称为qcnt,定义了它们的结构,一般外观和位置。

他们每个人都分配了一个不同的类,大约100个,给他们每个人一张大约100张相应的约4张图像的图像作为background-image。这些集当前组织在每个类的文件夹中。每个类的CSS当前引用一个名为random.php的文件,我在网上找到该文件会自动随机返回其各自文件夹中的一个图像。

我认为这是一项非常高性能的任务,让服务器每页访问时运行25到100个或更多容器。

我想知道在这种情况下哪种方法更合理有效。提前谢谢!

我可以在这里发布random.php代码,但我猜我的一般结构是一种无效的方法。

编辑:好的,我没有意识到这一点,这是代码:

<?php
$folder = '.';

$extList = array();
$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';


$img = null;

if (substr($folder,-1) != '/') {
    $folder = $folder.'/';
}

if (isset($_GET['img'])) {
$imageInfo = pathinfo($_GET['img']);
if (
    isset( $extList[ strtolower( $imageInfo['extension'] ) ] ) &&
    file_exists( $folder.$imageInfo['basename'] )
) {
    $img = $folder.$imageInfo['basename'];
}
} else {
$fileList = array();
$handle = opendir($folder);
while ( false !== ( $file = readdir($handle) ) ) {
    $file_info = pathinfo($file);
    if (
        isset( $extList[ strtolower( $file_info['extension'] ) ] )
    ) {
        $fileList[] = $file;
    }
}
closedir($handle);

if (count($fileList) > 0) {
    $imageNumber = time() % count($fileList);
    $img = $folder.$fileList[$imageNumber];
}
}

if ($img!=null) {
$imageInfo = pathinfo($img);
$contentType = 'Content-type: '.$extList[ $imageInfo['extension'] ];
header ($contentType);
readfile($img);
} else {
if ( function_exists('imagecreate') ) {
    header ("Content-type: image/png");
    $im = @imagecreate (100, 100)
        or die ("Cannot initialize new GD image stream");
    $background_color = imagecolorallocate ($im, 255, 255, 255);
    $text_color = imagecolorallocate ($im, 0,0,0);
    imagestring ($im, 2, 5, 5,  "IMAGE ERROR", $text_color);
    imagepng ($im);
    imagedestroy($im);
}
}

?>

1 个答案:

答案 0 :(得分:0)

首先,将http缓存过期添加到random.php: How to use HTTP cache headers with PHP

您不需要太多,1分钟到半小时之间的任何事情应该是一个很好的平衡,具体取决于您的确切需求(较低的缓存=较少的性能,但如果您进行更改则更快更新)。

其次,将1-100中的随机变量添加到CSS中,如下所示:

random.php?b=13
random.php?b=79
random.php?b=27
random.php?b=1
...

随机变量将确保即使您正在缓存random.php,每个容器仍将获得随机图像。但由于您已添加了缓存并将变量限制为1-100,因此无论您的网站负载如何,您平均看到的最大呼叫数为100 /缓存时间。