網盤檔案管理

標籤：ddl   middle   顏色   rip   charset   strong   http   size   div   

通過php中檔案相關的函數用來管理伺服器上的某一檔案夾，可以進行簡單的檔案查看和檔案與檔案夾的刪除，添加操作。

首先遍曆檔案夾：

$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}        <input type=‘button‘ value=‘刪除‘ lj=‘{$url}‘ class=‘sc‘/> </div>";}}}closedir($dir);

　

加上建立檔案按鈕：

<input type="text" id="name"/><input type="button" value="建立" id="newf" />

　　

 

加上簡單的樣式：

css代碼：

*{ margin:0px auto; padding:0px}.file{ width:50%; height:35px; line-height:35px; vertical-align:middle; border:1px solid #63C; margin-top:2px;}.mulu{ background-color:#63C; color:white}.prev{ background-color:#F63; color:white}

　　

添加點擊事件，點擊檔案夾進入下一目錄：

要引入jq包：

$(".mulu").dblclick(function(){var url = $(this).attr("lj");$.ajax({url:"chuli.php",data:{url:url},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})

　　

處理介面（chuli.php）：

<?phpsession_start();$url = $_POST["url"];$_SESSION["url"] = $url;

　　

添加刪除事件：

$(".sc").click(function(){var lj = $(this).attr("lj");$.ajax({url:"shanchu.php",data:{lj:lj},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})

　　

處理介面（shanchu.php）：

<?php$lj = $_POST["lj"];unlink($lj);

　　

加入建立檔案事件：

$("#newf").click(function(){var name = $("#name").val();$.ajax({url:"xinjian.php",data:{name:name},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})

　　

幕後處理介面：（xinjian.php）：

<?phpsession_start();$name = $_POST["name"];$url = $_SESSION["url"];$filename = $url."/".$name;touch($filename);

　　

此時功能基本實現，但點擊檔案夾進入下一介面不能返回，所以要添加呢返回按鈕：

$jdlj = realpath($fname);if($jdlj == "D:\\wamp\\www\\1027"){}else{$fuji = dirname($fname);echo "<div class=‘file prev‘ lj=‘{$fuji}‘ >返回上一級</div>";}

　　

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

　　

這樣點擊檔案夾可以返回：

所有代碼

<!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" type="text/javascript" charset="utf-8"></script><style type="text/css">*{ margin:0px auto; padding:0px}.file{ width:50%; height:35px; line-height:35px; vertical-align:middle; border:1px solid #63C; margin-top:2px;}.mulu{ background-color:#63C; color:white}.prev{ background-color:#F63; color:white}</style></head><body><?phpsession_start();//要顯示的檔案夾$fname = "../caozuo";if(!empty($_SESSION["url"])){$fname = $_SESSION["url"];}//輸出返回上一層的DIV$jdlj = realpath($fname);if($jdlj == "D:\\wamp\\www\\php\\caozuo"){}else{$fuji = dirname($fname);echo "<div class=‘file prev‘ lj=‘{$fuji}‘ >返回上一級</div>";}//遍曆檔案夾$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}        <input type=‘button‘ value=‘刪除‘ lj=‘{$url}‘ class=‘sc‘/> </div>";}}}closedir($dir);?><input type="text" id="name"/><input type="button" value="建立" id="newf" /></body><script type="text/javascript">$(".mulu").dblclick(function(){var url = $(this).attr("lj");$.ajax({url:"chuli.php",data:{url:url},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})$(".prev").dblclick(function(){var url = $(this).attr("lj");$.ajax({url:"chuli.php",data:{url:url},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})$(".sc").click(function(){var lj = $(this).attr("lj");$.ajax({url:"shanchu.php",data:{lj:lj},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})$("#newf").click(function(){var name = $("#name").val();$.ajax({url:"xinjian.php",data:{name:name},type:"POST",dataType:"TEXT",success: function(data){window.location.href = "test.php";}});})</script></html>

　　

 

網盤檔案管理