javascript - 使用 PHP 和 jQuery 显示目录中的文件

Question

我正在尝试使用 PHP 和 jQuery 显示目录中的文件。

我已经合并了数据表来列出数据库中的所有记录。其中一些记录具有与其链接的文件。用户单击一个链接，打开一个模式窗口，然后该窗口应显示该记录目录中的所有文件。

从 PHP 开始

<?php
if(isset($_POST['editpartnercode']))
{
    $partnerCode = $_POST['editpartnercode'];

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

    $ffs = scandir($dir);

    foreach($ffs as $ff)
    {               
        if($ff != '.' && $ff != '..')
        {   
            echo $ff;
            // echo json_encode($out); // <-this didn't work either
        }
    }       
}
?>

这是使用 $.post 传递 editpartnercode 变量的 jQuery:

$.post('process/displayFiles.php', {editpartnercode:editpartnercode}, function(data)
{
    console.log(data);
    var obj = JSON.parse(data);
    $('#allFiles').empty();
    var htmlToInsert = obj.map(function (item)
    {
        return '<li><b>' + item.ff + '</b></li>';
    }).join('');
    $('#allFiles').html(htmlToInsert);      
});

HTML 看起来像这样:

<div class="row">
    <div class="col-lg-12">
        <p>Uploaded Files</p>
        <ul id="allFiles">
        </ul>
    </div>
</div>

我可以在控制台中看到文件名，但我也收到此错误:

VM2087:1 Uncaught SyntaxError: Unexpected token T in JSON at position 0
at JSON.parse (<anonymous>)
at Object.success (genhome.js:210)
at u (jquery.js:2)
at Object.fireWith [as resolveWith] (jquery.js:2)
at k (jquery.js:2)
at XMLHttpRequest.<anonymous> (jquery.js:2)

重申一下，我想做的就是列出与 editpartnercode(即目录名称)关联的文件。

我缺少什么可以消除该错误并在屏幕上打印文件？

编辑

以下是在控制台中打印文件的方式:

TEST1234567.TIFFTEST1234567_121218_100637.TIFFThumbs.db

Answer 1

当尝试从纯 PHP 脚本返回 json 数组时，您还可以设置响应的 header

header('Content-type: application/json');
echo json_encode($ff);

但我也会先填充数组，最后返回整个结果。