文件管理（頁面上顯示文件和文件夾，文件夾可以打開也可以返回上一層文件夾）

本文轉載自查看原文 2016-11-18 11:25 1400

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script src="../../jquery-1.11.2.min.js"></script>
<style type="text/css">
*{ margin:0px auto; padding:0px}
#wai{ width:800px;}
.list{ width:100%; height:35px; background-color:#09F; margin-top:2px; color:white; font-weight:bold; text-align:left; line-height:35px; vertical-align:middle; font-size:28px; padding:5px}
.mulu{ background-color:#FC9}
.mulu:hover{ cursor:pointer}
</style>
</head>
<body>

<br />
<div id="wai">

<?php
    session_start();
    
    $filename="";//定義$filename為空字符串
    
    if(!empty($_SESSION["lujing"]))//判斷session存儲如果不為空
    {
        $filename = $_SESSION["lujing"];//把session存儲的路徑賦值給$filename
        
        $sj = dirname($_SESSION["lujing"]);//找上級目錄
        echo "<div id='prev' class='list' lj='{$sj}'>返回上一層</div>";
    }
    else//如果session存儲為空
    {
        $filename = "./bootstrap";//就讓$filename的值為當前文件夾中的bootstrap文件夾
    }
    
    
    ?>

    <div id="nr">

 <?php        
        //打開該文件夾
        $dir = opendir($filename);//打開$filename存儲的文件夾
        while($f = readdir($dir))//把$filename里面的所有內容遍歷出來
        {
            if($f!="." && $f!="..")//去掉.和..
            {
                $ml = $filename."/".$f;//把$filename里面的文件拼接成目錄
                if(is_file($filename."/".$f))//判斷如果是文件
                {
                    echo "<div class='list'>{$f}</div>";//直接輸出文件名
                }
                else//如果是文件夾
                {
                    echo "<div lj='{$ml}' class='list mulu'>{$f}</div>";//給文件夾多添加一個class
                }
            }
        }
        
        closedir($dir);
        
        ?>

    </div>
</div>

<script type="text/javascript">

$(".mulu").dblclick(function(){//添加雙擊事件
        
        var lj = $(this).attr("lj");//取點擊內容自己的屬性值lj，lj里面存儲的是點擊的文件夾的目錄，例如點擊的bootstrap，lj存儲的就是./bootstrap
        $.ajax({//調用ajax
                url:"chuli.php",
                data:{lj:lj},
                type:"POST",
                dataType:"TEXT",
                success: function(){
                    window.location.href="text.php";
                    }
            });
    
    })

$("#prev").dblclick(function(){
        var lj = $(this).attr("lj");
        $.ajax({
                url:"chuli.php",
                data:{lj:lj},
                type:"POST",
                dataType:"TEXT",
                success: function(){
                    window.location.href="text.php";
                    }
            });
    
    })
</script>

</body>
</html>

chuli.php

<?php
session_start();
$lj = $_POST["lj"];
$_SESSION["lujing"] = $lj;

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 webstorm打開后無法顯示文件夾目錄使用js在頁面上新建文件夾網址中輸入localhost不顯示文件夾一直顯示PHPstudy的網頁 vmware 共享文件夾不顯示文件的問題 WIN7系統如何在文件列表中顯示文件夾后綴 [linux_shell]linux下設置ls命令顯示文件、文件夾顏色 Linux/Ubuntu tree 命令以樹形結構顯示文件夾目錄結構使用命令行打開文件夾並顯示磁盤管理和文件管理(MBR和GPT) Java刪除文件夾和文件