程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> ajax+php文件管理系統

ajax+php文件管理系統

編輯：關於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.bKjia.c0m/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
<title>ajax+php教程文件管理系統</title>
<style type="text/css教程">
@charset "utf-8";
/* css document */


</style>

</head>

<body>
<div class="main">
<div class="header">
    <h1>歡迎使用anfms</h1>
    <p><span>v0.1.0 alpha</span></p>
</div>
<div class="button_list">
    <div class="button"><a href="網頁特效:void(0);" onclick="javascript:file_list('/');document.getelementbyid('file_list').style.display='block';document.getelementbyid('file_list_close').style.display='block';document.getelementbyid('fade').style.display='block'">文件列表</a></div>
    <div class="button"><a href="javascript:void(0);" onclick="javascript:file_list('/');document.getelementbyid('file_make').style.display='block';document.getelementbyid('file_list_close').style.display='block';document.getelementbyid('fade').style.display='block'">創建文件</a></div>
    <div class="button"><a href="javascript:void(0);" onclick="document.getelementbyid('file_content_input').style.display='block';document.getelementbyid('file_list_close').style.display='block';document.getelementbyid('fade').style.display='block'">寫入內容</a></div>
    <div class="button"><a href="javascript:void(0);" onclick="document.getelementbyid('file_get_content').style.display='block';document.getelementbyid('file_list_close').style.display='block';document.getelementbyid('fade').style.display='block'">讀取內容</a></div>
</div>
<div class="footer">
     <p>
     ©2009-2010 uniter.com.cn powered by uniter team<br />
     supported by ie7+ firefox opera
     </p>
</div>

<div class="file_list_close" id="file_list_close">
    <a href="javascript:void(0);" onclick="document.getelementbyid('file_list').style.display='none';document.getelementbyid('file_content_input').style.display='none';document.getelementbyid('file_get_content').style.display='none';document.getelementbyid('file_list_close').style.display='none';document.getelementbyid('fade').style.display='none';location.reload()">x</a>
</div>
<div class="file_list" id="file_list"></div>
<div class="file_list" id="file_content_input">
    <div id="input_box" class="file_content_input_form">
    <form id="form" name="form" method="post" action="">
        <label>文件名
           <span class="small">例如:abc.txt</span>
       </label>
       <input type="text" name="input_name" id="input_name" />
       <label>內容值
            <span class="small">添加文件內容</span>
       </label>
       <textarea name="input_content" id="input_content"></textarea>
       <button type="button" onclick="javascript:file_content_input('input_name='+document.getelementbyid('input_name').value+'&input_content='+document.getelementbyid('input_content').value);">確定</button>
       <div class="spacer"></div>
    </form>
    </div>
</div>
<div class="file_list" id="file_get_content">
    <div id="input_box" class="file_content_input_form">
    <form id="get_form" name="get_form" method="post" action="">
        <label>文件名
           <span class="small">例如:abc.txt</span>
       </label>
       <input type="text" name="input_name" id="input_name" />
       <button type="button" onclick="javascript:file_get_content('input_name='+document.get_form.input_name.value);">確定</button>
       <div class="spacer"></div>
    </form>
    </div>
</div>
<div class="file_list" id="file_make">
    <div id="input_box" class="file_content_input_form">
    <form id="make_form" name="make_form" method="post" action="">
        <label>文件夾
           <span class="small">例如:abc</span>
       </label>
       <input type="text" name="input_name" id="input_name" />
       <button type="button" onclick="javascript:file_make('input_name='+document.make_form.input_name.value);">確定</button>
       <div class="spacer"></div>
    </form>
    </div>
</div>
<div id="fade" class="black_overlay"></div>
</div>
</body>
</html>

ajax.網頁特效

<script>
// javascript document
function do_ajax() {
}
function ajax_get_data(id) {
}
function file_list(path) {
    var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this www.bKjia.c0m browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_list').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=filelist&path='+path);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
function file_content_input(data) {
var data;
var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_content_input').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=inputcontent&'+data);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
function file_get_content(data) {
var data;
var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_get_content').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=getcontent&'+data);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
function file_make(file) {
var file;
var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_make').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=filemake&'+file);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
function file_delete(file) {
var file;
var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_list').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=delete_file&file='+file);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
function dir_delete(file) {
var file;
var xhr;
if (window.xmlhttprequest) {
  xhr = new xmlhttprequest();
}else if (window.activexobject) {
  xhr = new activexobject("msxml2.xmlhttp");
}else {
  throw new error("ajax is not supported by this browser");
}
xhr.onreadystatechange = function () {
  if (xhr.readystate == 4) {
   if (xhr.status >= 200 && xhr.status < 300) {
    document.getelementbyid('file_list').innerhtml = xhr.responsetext;
   }
  }
}
xhr.open('get','anfms.php?action=delete_dir&file='+file);
xhr.setrequestheader("if-modified-since","0");
xhr.send();
}
</script>

anfms.php

<?php
/**
* all needs file e bKjia.c0m manage system
* this is a test code
* return data to ajax
* by aiens
* 2010-01-13 19:20
*/

header("content-type: text/html; charset=utf-8");
$document_root = $_server['document_root'];
if ($_get['action'] == 'filelist') { //return file list
echo '<div class="file_list_t">';
$checkpath = str_replace($document_root,'',$_get['path']);
if ($checkpath != '/../') {
  $checkpath = str_replace('../','',$checkpath);
  $path1 = $document_root.str_replace($document_root,'',$_get['path']);
  $dir = opendir($path1);
  while ($file = readdir($dir)) {
     if (!($file == '..')) {
     if ($file == '.') {
      $path = $path1.'../';
      $file = '返回';
      if ($checkpath != '/') {
       echo '<li><a href="javascript:void(0);" onclick="javascript:file_list(''.$path.'');">'.$file.'</a></li>';
      }
     }else{
      $path = $path1.$file.'/';
      $path = iconv('gb2312','utf-8',$path);
      if (is_dir($path1.$file)) {
         echo '<li><a href="javascript:void(0);" onclick="javascript:file_list(''.$path.'');">'.$file.'</a><span><a href="javascript:void(0);" onclick="javascript:if(confirm('確認刪除?')) dir_delete(''.$path.'');">刪除</a></span></li>';
      }else{
      $file = iconv('gb2312','utf-8',$file);
      $filesize = filesize($path1.$file)/1000;
      echo '<li>'.$file.' - ('.$filesize.'kb)<span><a href="javascript:void(0);" onclick="javascript:if(confirm('確認刪除?')) file_delete(''.$path1.$file.'');">刪除</a></span></li>';
      }
     }
     }
  }
  closedir($dir);
}
echo '</div>';
}else if ($_get['action'] == 'inputcontent') { //input data to file
$name = $_get['input_name'];
$content = $_get['input_content'];
$data = date('y-m-d h:i:s');
$fp = @fopen(dirname(__file__).'/'.$name, 'ab');
$data = "data:".$data."t content:".$content."n";
$fw = @fwrite($fp, $data, strlen($data));
@fclose($fp);
if ($fw) {
  echo '成功寫入';
}else{
  echo '寫入失敗';
}
}else if ($_get['action'] == 'getcontent') { //get data to file
$name = $_get['input_name'];
$fp = @fopen(dirname(__file__).'/'.$name, 'rb');
if (!$fp) {
  echo 'www.bKjia.c0m 系統所在目錄不存在此文件,無法讀取';
  exit;
}
while (!feof($fp)) {
  $content = fgets($fp);
  echo $content.'<br />';
}
}else if ($_get['action'] == 'filemake') { //make dir
$name = $_get['input_name'];
function makedir($path) {
      if (!file_exists($path)) {
        makedir(dirname($path));
        return mkdir($path, 0777);
      }
    }
if (makedir($name)) {
  echo '成功創建';
}else{
  echo '創建失敗';
}
}else if ($_get['action'] == 'delete_file') { //delete file
    $file = $_get['file'];
unlink($file);
echo '成功刪除';
}else if ($_get['action'] == 'delete_dir') { //delete dir
$dir = $_get['file'];
function delete_dir($dir) {
   if(! is_dir($dir)) {
    return false;
   }
    $handle = @opendir($dir);
    while(($file = @readdir($handle)) !== false) {
     if($file != '.' && $file != '..') {
      $dir = $dir . '/' . $file;
      is_dir($dir) ? delete_dir($dir) : @unlink($dir);
     }
    }
   closedir($handle);
   return rmdir($dir) ;
}
if (delete_dir($dir)) {
  echo '成功刪除';
}else{
  echo '刪除失敗';
}
}
?>