您可以通过 PHP 的usort()
函数对文件名进行排序,如下所示:
usort($dir_contents, create_function('$a,$b', 'return filemtime("'.$dir.'/$a")<filemtime("'.$dir.'/$b");'));
以上按文件的最后修改时间对数组进行排序。要按文件的创建时间排序,您可以filemtime
用filectime
函数替换(您也可以查看官方文档以了解 Unix 中的返回值含义),或者从数据库中记住/检索文件上传时间。上面的紧凑 php 排序是基于这个答案。
另一种方法是在 Javascript 中对图像进行排序。您的 PHP 代码可能如下所示:
<div id="container">
<?php
$dir = 'files';
$file_display = array('jpg', 'jpeg', 'png', 'gif');
if(file_exists($dir) == false){
echo 'Directory \''.$dir,'\' not found!';
} else {
$dir_contents = scandir($dir);
foreach($dir_contents as $file){
if($file == '.' || $file == '..') { continue; }
$arr = explode('.',$file);
$file_type = strtolower(end($arr));
if(in_array($file_type, $file_display)){
echo '<img src="', $dir, '/', $file,'" alt="', $file,
'" data-m="', filemtime("$dir/$file"),
'" data-u="', filectime("$dir/$file"), '" />';
}
}
}
?>
</div>
和相关的javascript
var container, images, arr;
function prepare_images(){
container = document.getElementById('container');
images = container.getElementsByTagName('img');//nodeList object
arr = [];
for (var i=0;i<images.length;i++) {
arr[i] = images[i];
}
sort_images('data-m');
}
function sort_images(attr){
arr.sort(function(a,b){
return parseInt(a.getAttribute(attr),10) - parseInt(b.getAttribute(attr),10);
});
for (var i=0;i<arr.length;i++) {
container.appendChild(arr[i]);
}
}
if (window.addEventListener) {
window.addEventListener("load", prepare_images, false);
} else if (window.attachEvent) {
window.attachEvent("onload", prepare_images); //for IE5-8
}
测试.php@pastebin