文件管理(页面上显示文件和文件夹,文件夹可以打开也可以返回上一层文件夹)

<!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;
时间: 2024-08-27 15:40:42

文件管理(页面上显示文件和文件夹,文件夹可以打开也可以返回上一层文件夹)的相关文章

Shell的文件描述符操作,包括标准输入,标准输出,自定义文件描述符

Abstract: 1) Linux Shell 命令的标准输入.标准输出.标准错误,及其重定位: 2)Linux Shell 操作自定义文件描述符: 文件描述符是与文件相关联的一些整数,他们保持与已打开文件的关联.众所周知的文件描述符是标准输入stdin.标准输出stdout.标准错误stderr,我们可以重定位这些文件描述符关联文件的内容到另外一个文件文件描述符. 1. Linux Shell 命令的标准输入.标准输出.标准错误 当我们在编写 shell 脚本时,我们会非常频繁地操作执行命令

javascript 返回上一页面 多种写法

<a href="<a href="javascript :history.back(-1)">返回上一页</a>或<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是:<input type="button" name="Subm

javascript 返回上一页面:onclick=&quot;javascript:history.back(-1);&quot;

<a href="<a href="javascript :history.back(-1)">返回上一页</a>或<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 如果是用按钮做的话就是:<input type="button" name="Subm

JS控制,返回上一页之后强行刷新一次

网站建设过程中,提交页面后我们经常要用到window.history.go(-1)返回上一页,因为页面的缓存功能,我们只能返回上次操作的页面,但在删除等操作中,我们希望实时看到删除项目后的页面,这就要用到同时刷新技术,下面我们总结总结一下常用的几种window.history.go(-1)返回页面后实时刷新技术. 返回上一页代码: <a href="Javascript:window.history.go(-1)">返回上一页</a> 1.强制载入后刷新一次 我

js返回上一页并刷新代码整理 转

返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下 一:JS 重载页面,本地刷新,返回上一页 复制代码 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a hr

js返回上一页并刷新代码整理

一:JS 重载页面,本地刷新,返回上一页 复制代码 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面,本地刷新</a> <a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,

html中返回上一页

超链接返回上一页代码: <a href="#" onClick="javascript :history.back(-1);">返回上一页</a> <a href="#" onClick="javascript :history.go(-1);">返回上一页</a> 用按钮代码:<input type="button" name="Submit

js返回上一页的实现方法

以前在提交表单的时候,如果提交出错返回的时候信息内容全没了,我不知道要怎么保存,就开始了那种最愚蠢的做法,将填写的数据设置到session中,让后取出来用,不过没有试成功,总是有错,无意之中在我那本js的资料书里看到了javascript:history.go(-1);的方法,呵呵,尝试了一次,真的实现了数据的保留总结一下.有时间的话可以好好研究一下. 下面是常用代码: <a href="<a href="javascript :history.back(-1)"

手机上万能返回上一页(wap2.0)代替history.go(-1)

最近在做wap2.0的手机wap,写返回上一页的时候,开始是用history.go(-1); 发现在手机上只有部分机器可以比如windows mobile 而在别的机器如nokia和ophone手机 上这些就不太好用了,经过左思右想终于想到了个山寨方法来解决这个流氓问题了... 不直接用手机的返回功能,而是通过读取 referrer 上得到上一页的链接来实现手机返回上一页功能 代码如下: Javascript CODE [javascript] view plaincopyprint? /*返回