(1)先想想操作哪个文件？

(2)确定文件的路径？

(3)档案管理功能有哪些？

首先做一个简单的文件查看功能，显示文件中的文件和文件夹，但是双击文件夹显示下一级子目录，双击“返回上一级”返回上一级目录。

(1)首先遍历要管理的文件，并添加样式

？Php //Open目录资源$ dir=opendir($ fname)；//read while ($ n=readdir ($ dir))循环{ br//拼写路径$url=$fname。'/'.$ n；Br//没有这个条件，就会有这个路径如果($n！='.'$n！='.'){if(is_dir($url)) //确定路径是否为目录{ echo ' div class=' filemulu ' LJ=' { $ URL } ' { $ n }/div '；//如果是目录，输入这个，给出名称，双击这个进入下一个子目录} else { echo ' div class=' file ' LJ=' { $ URL } ' { $ n }/div '；//如果不是目录，输入这个。给他们一个统一的名字，这样他们就可以编写样式了} } } closedir($ dir)；//关闭目录资源？向已遍历的目录和文件添加样式，这些目录和文件已经给它们命名(样式可以随意更改)

style type=' text/CSS ' * { margin :0 px auto；padding:0px }。文件{ width :50%；高度：30 px；border:1px实心#60F}。mulu { background-color : # 639；Color:#FFF}/style看结果style:背景色的目录文件夹表示下面有文件，下一步需要双击事件打开；没有背景颜色是一个纯文件

(2)在遍历的文件目录中添加一个事件(双击该目录打开一个子目录)

脚本类型=' text/JavaScript ' br//找到此目录并双击事件$()。穆鲁')。dblclick(function(){ var URL=$(this))。attr(' LJ ')；//点击这个目录，找到这个目录的路径$。ajax({ url:'wjcl.php '，//写入处理页data3360 {url3360url}，//传递处理页type3360' post '的路径，//传递dataType:'TEXT '中的值，success:函数(data){ window . location . href=' file _ job . PHP '；//刷新页面} })})/脚本(3)处理页面的编写(这里不能用post或者get来传递值，但是可以用session来传递值)

？PHP session _ start()；//打开会话$ URL=$ _ POST[' URL ']；//接收从上面发送的url值$ _ SESSION[' URL ']=$ URL；//会话模式的值等于传递的url值。(4)处理完页面后，也要在主页面打开会话，判断传递的值是否为空，因为页面管理开始时没有“返回上一级”，所以要判断。

//写在php session_start()的顶部；//这应该写在开放目录资源的顶部if(！空($ _ SESSION[' URL ']){ $ fname=$ _ SESSION[' URL ']；}(5)“返回上一级”的输出div

$ jdlj=real path($ fname)；//文件的绝对路径if($ jdlJ=' d : wamp www Ajax '){//如果路径相等，则为空} else { $ fuji=dirname($ fname)；//否则，输出不带文件名的路径echo ' div class=' file prev ' LJ=' { $ fuji } '并返回上一级/div '；//输出这个div}给这个div添加一些样式。prev { background-color : # 09F；color:#906}

看看结果：

当你第一次打开它时，没有“返回下一级”一栏

当我双击任何文件夹时，我进入它的子目录，并且“返回到上一级”列将出现

(6)既然有这个列，就可以用这个列返回到更高级别的目录。我们可以在这个div中添加一个双击事件，让它返回

$('.prev ')。dbl click(function(){ var URL=$(this))。attr(' LJ ')；//查找此divbr //处理页面与遍历目录时的页面相同。$.Ajax ({url:' wjcl.php '，data: { url3360，type:' post '，datatype :' text '，success: function (data) {。//刷新页面}})})这样可以双击返回上一个目录。

其次，进一步管理文件，并在此文件夹中创建新文件

(1)是写一个文本框并添加一个新按钮

输入类型='text' id='name'///文本框：输入类型='button '值=' New' id='new'///创建新按钮

(2)将点击事件写入按钮

$('#new ')。单击(function(){ var name=$('#name '))。val()；$.ajax({ url:'newcl.php '，data:{name:name}，type:'POST '，dataType:'TEXT '，success:函数(d){ window . location . href=' file _ homoment . PHP '；//刷新页面} })))(3)新建文件处理页面

？PHP session _ start()；//打开会话$ name=$ _ POST[' name ']；//获取传递的名称$ URL=$ _ SESSION[' URL ']；//保存的路径位置$filename=$url。'/'.$ name//拼写保存路径touch($ filename)；//新建文件方法touch()？结果表明：

选择一个新位置，然后输入文件名：创建一个新的you.php文件，如图：

第三，接下来的管理功能，删除不需要的文件

(1)添加删除按钮，并在遍历文件中添加删除按钮

echo ' div class=' file ' LJ=' { $ URL } ' { $ n }输入类型=' button '值=' delete ' LJ=' { $ URL } ' id=' delete '//div '；//给他一个名字，加上一个风格，可以让他看起来更好看，也为后面的add事件加上一个风格：

#删除{ float:right} //再次浮动

添加删除按钮后的显示效果

(2)向按钮添加点击事件

$('.删除')。单击(function(){ var lj=$(this))。attr(' LJ ')；//查找被删除文件$。Ajax ({url:' deletecl.php '，//写入删除的处理页数据： {lj3360lJ}，键入：' post '，datatype3360' text '，success:function (a) {window。//刷新页面} })})))3)删除页面很简单，就是找到这个传递的值，通过删除文件来删除

？PHP $ LJ=$ _ POST[' LJ ']；unlink($ LJ)；//如何删除文件unlink()？删除完成，检查效果，然后删除我们之前创建的文件

文件已被删除~ ~

除了这些基本功能，还可以有很多文件管理功能，会陆续更新。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。