標籤:開啟 輸出 success src 目錄 顯示 hover 雙擊 empty
我們要使頁面顯示出檔案夾,並且可以雙擊點進去查看裡面的檔案夾及檔案,而且還可以再返回上一級,要用session儲存路徑,遍曆出需要管理的檔案:
<?phpsession_start();$fname = "./a";if(!empty($_SESSION["url"])){ $fname = $_SESSION["url"];//隱藏檔路徑}//遍曆檔案夾$dir = opendir($fname); while($n = readdir($dir)){ $url = $fname."/".$n; if($n!="." && $n!="..") { if(is_dir($url))//判斷路徑是不是目錄 { echo "<div class=‘file mulu‘ lj=‘{$url}‘ >{$n}</div>";//如果是目錄,就進這個,起個名字,雙擊這個進入下一個子目錄 } else { echo "<div class=‘file‘ lj=‘{$url}‘>{$n}</div>"; } }}closedir($dir);//關閉目錄資源?>
給遍曆出來的目錄和檔案加樣式:
<style> *{ margin:0px; padding:0px; } .file{ width:50%; height:30px; border:1px solid #0C9; } .mulu{ background-color:#666; color:#FFF } .shangji{ background-color:#804000; color:#0CC; } .file:hover{cursor:pointer};</style>
對遍曆出來的檔案中的目錄加事件(雙擊這個目錄開啟子目錄):
$(".mulu").dblclick(function(){ //找到這個目錄,然後加雙擊事件 var url= $(this).attr("lj"); //點擊這個目錄,找到這個目錄的路徑 $.ajax({ url:"wjcl.php", data:{url:url}, type:"POST", dataType:"TEXT", success: function(data){ window.location.href = "wenjian.php";//重新整理頁面 } }) });
處理頁面的編寫(這裡不能用post或是get傳值了,可以用session傳值方式傳值):
<?phpsession_start();$url = $_POST["url"]; $_SESSION["url"] = $url;
輸出“返回上一級”的div:
$wj = realpath($fname);if($wj == "D:\phpstudy\WWW\a")//檔案的絕對路徑{ //如果路徑相等就為空白 }else{ $xiashu = dirname($fname);//否則就輸出沒有檔案名稱的路徑 echo "<div class=‘file shangji‘ lj=‘{$xiashu}‘ >返回上一級</div>";}
當我雙擊任意一個檔案夾的時候,進入了其子目錄,就會出現“返回上一級”欄了:
然後給返回上級添加點擊事件:
$(".shangji").dblclick(function(){ //找到這個目錄,然後加雙擊事件 var url= $(this).attr("lj");//點擊這個目錄,找到這個目錄的路徑 $.ajax({ url:"wjcl.php", data:{url:url}, type:"POST", dataType:"TEXT", success: function(data){ window.location.href = "wenjian.php";//重新整理頁面 } }) });
這樣雙擊檔案進入及點擊返回上一級的管理便完成了,接下來,我們進行建立檔案及刪除檔案的操作:
寫文字框,添加建立按鈕:
<input type="text" id="name" /><!--文字框用來輸入檔案名稱--><input type="button" value="建立" id="newf" />
給建立添加點擊事件:
$("#newf").click(function(){ var name = $("#name").val();//使用者輸入的檔案名稱 $.ajax({ url:"xinjian.php", data:{name:name}, type:"POST", dataType:"TEXT", success:function(data){ window.location.href = "wenjian.php"; } })});
建立處理頁面:
<?phpsession_start();$name = $_POST["name"];//取到上級目錄。根據上級目錄建立檔案。擷取傳遞過來的名字$url = $_SESSION["url"];//把$_SESSION["url"]裡面的url取出來。儲存的路徑位置$filename = $url."/".$name;//他是name檔案名稱。拼湊一個完整路徑touch($filename);//建立檔案方法touch()?>
最後添加刪除按鈕,在遍曆檔案那添加刪除按鈕:
if($n!="." && $n!="..") { if(is_dir($url))//判斷路徑是不是目錄 { echo "<div class=‘file mulu‘ lj=‘{$url}‘ >{$n}</div>";//如果是目錄,就進這個,起個名字,雙擊這個進入下一個子目錄 } else { echo "<div class=‘file‘ lj=‘{$url}‘>{$n} <input type=‘button‘ value=‘刪除‘ lj=‘{$url}‘ class=‘sc‘/> </div>"; } }
給按鈕添加點擊事件:
$(".sc").click(function(){ var lj = $(this).attr("lj");//找到刪除的檔案的路徑 $.ajax({ url:"wenshanchu.php", data:{lj:lj}, type:"POST", dataType:"TEXT", success:function(data){ window.location.href = "wenjian.php"; } })});
刪除處理頁面:
<?php$lj = $_POST["lj"];unlink($lj);?>
總體效果:
然後刪除aa2.txt:
php檔案基本操作(建立、刪除、返回)