javascript - 使用 jQuery、JSON 和 PHP 从目录中获取文件大小和文件日期

Question

在使用 jQuery、JSON 和 PHP 成功从目录中获取文件名后，我现在需要能够从同一目录中获取文件大小和文件日期。

我还没有尝试获取文件大小，但这是我尝试获取文件日期:

<?php
include('include/sessions.php'); 

if(isset($_POST['editpartnercode']))
{
   $partnerCode = $_POST['editpartnercode'];
   $bookingNum = $_POST['editbooking'];

   $dir = "D:/CargoDocsPDFs/". $partnerCode . "/" . $bookingNum;

   $ffs = scandir($dir);

   $files = array();

   foreach($ffs as $ff)
   {               
       if($ff != '.' && $ff != '..')
       {   
           array_push($files, $ff, date('F d, Y h:i A', filemtime($dir . '/' . $ff)));
       }
   }
   echo json_encode($files);
}   
?>

这是显示 JSON 数据的 jQuery:

$.post('process/displayFiles.php', {editpartnercode:editpartnercode,editbooking:editbooking}, function(data)
{
    var obj = JSON.parse(data);
    $('#allFiles').empty();
    var htmlToInsert = obj.map(function (item)
    {
        if(item !== '..' && item !== '.' && item !== 'Thumbs.db')
        {
            return "<form method='POST'>
              <a href='process/viewFiles.php?img="+item+"&book="+editbooking+"' 
              target='_blank'>"+item+"</a><br/></form>";
        }
    });
    $('#allFiles').html(htmlToInsert);      
});

(文件 viewFiles.php 基本上只是检查文件类型。我认为没有必要显示该代码。)

使用上述内容，文件和日期将显示在屏幕上，但它们都是超链接(参见图片):

我需要文件名旁边列出的日期，而不是作为超链接。

我怎样才能实现这个目标？

Answer 1

Grab filesize and filedate from directory

• filemtime - 文件修改时间
• filesize - 文件大小

<小时/>

I need the date listed next to the filename and not as a hyperlink.

<强>1。在 PHP 中，将循环更改为:

foreach($ffs as $ff)
{
    // backend file rejection rather than client (in JS) side
    if($ff != '.' && $ff != '..' && $ff != 'Thumbs.db')
    {
        $file_dir = $dir."/$ff";

        // Append each file information to multidimensional array
        $files[] = [
            "file_name" => $ff,
            "file_date" => date('F d, Y h:i A', filemtime($file_dir)),
            "file_size" => filesize($file_dir)
        ];
    }
}

<强>2。立即在您的 $.post 中:

try {
    var obj = JSON.parse(data);
    $('#allFiles').empty();

    const htmlToInsert = obj.map(item =>
        `
            <form method='POST'>
                <a href="process/viewFiles.php?img=${item.file_name}&booking=${editbooking}" target="_blank">
                    ${item.file_name}
                </a>
                <span>${item.file_date}</span>
                <span>${item.file_size}</span>
                <br>
            </form>
        `
    );

    $('#allFiles').html(htmlToInsert);
} catch (e) {
    // Throw JSON.parse exception
}