Question

我将使用canvas标签的用户创建的图像保存到我网站上的文件夹中：

<?php 
$data = $_POST['img']; 
$data = str_replace('data:image/png;base64,','',$data);
$data = str_replace(' ', '+', $data);
$img = base64_decode($data);
$path = 'images/' . uniqid() . '.png';
if(file_put_contents($path, $img)){
print $path;
}else{
header("HTTP/1.1 500 Internal Server Error");
}
?>

然后在图库中显示图像：

<?php // display source code
$folder_path = 'images/';
$files = glob($folder_path . "*.{JPG,jpg,gif,png,bmp}", GLOB_BRACE);
foreach($files as $file){
echo '<img src="'.$file.'" />';    
}
?>

我希望最新的图片显示在顶部并且如果可能的话，一次只显示少量图像并且显示更多＆＃39;单击时可以隐藏元素的功能

Answer 1

您可以将图像的名称与数据库（例如mysql）一起保存，并使用top (number of records to be shown)和order by (timestamp column) desc

查询最新的名称

Answer 2

您需要先按日期将图像排序到数组中，然后从数组中显示它们，如下所示：

$folder_path = 'images/';

$files = glob($folder_path . "*.{JPG,jpg,gif,png,bmp}", GLOB_BRACE);

//Images array
$images = array();

foreach($files as $key => $file) {
    //Get the modified time of the file
    $filetime = filemtime($file);

    //Add the info to an array
    $images[$key]['filepath'] = $file;
    $images[$key]['filetime'] = $filetime;
}

//Sort the array
usort($images, function($a, $b){
    return $b['filetime'] - $a['filetime'];
});

//Now you can display the images
foreach($images as $image) {
    echo '<img src="' . $image["filepath"] . '" />';
}

如果您决定先按照最旧的图像顺序显示它们，那么只需在usort（）函数中交换$ b和$ a，就像这样：

usort($images, function($a, $b){
    return $a['filetime'] - $b['filetime'];
});

在此处查看有关usort的更多信息：http://php.net/manual/en/function.usort.php

关于“显示更多”按钮，你想要查看javascript / jquery并找出如何做到这一点，这是一个非常广泛的问题，我很害怕在这里回答。

从文件夹中显示库中的最新图像

2 个答案: