JS TreeView 文件图标未显示 PHP

JS TreeView file icon not showing PHP

我在 php 中创建了 jsTree 视图,问题是显示文件夹图标全部是 li,我想要文件可用的文件图标请告诉我正确的解决方案,这是我的代码

    <?php
    function listFolderFiles($dir){
        $ffs = scandir($dir);
        echo '<ul>';
        foreach($ffs as $ff){
            if($ff != '.' && $ff != '..'){
                if(!is_dir($dir.'/'.$ff)){
                    echo '<li><a target="_blank" href="'.SITE_URL.'/'.ltrim($dir.'/'.$ff,'./').'">'.$ff.'</a>';
                } else {
                    echo '<li>'.$ff;

                }
                if(is_dir($dir.'/'.$ff)) listFolderFiles($dir.'/'.$ff);
                    echo '</li>';
                }
        }
        echo '</ul>';
    }
    ?>

//HTML Code 
<div id="jstree-ajax"><?php listFolderFiles('../uploads'); ?></div>

//Javascript/JQuery code
<script>
        $(document).ready(function() {
            $("#jstree-ajax").jstree({
            core: {
                themes: {
                    responsive: !1
                },
                check_callback: !0,
            },
            types: {
                "default": {
                    icon: "fa fa-folder text-warning fa-lg"
                },
                file: {
                    icon: "fa fa-file text-info fa-lg"
                }
            },
            plugins: ["contextmenu", "dnd", "state", "types"]
        })
        });
    </script> 

这里有附件,请检查并告诉我正确的解决方案,谢谢

尝试将 file 字符串括在引号中。与 jsTree demo

一样
"file": {
   icon: "fa fa-file text-info fa-lg"
}

json 中的其他字符串也应该用引号引起来