[PHP文件管理器]⑦--查看图片

https://jqueryui.com/

http://www.runoob.com/jqueryui/example-dialog.html

Paste_Image.png

修改代码

<?php
// 得到文件扩展名
// explode 将字符串打散为数组
// end() 函数将内部指针指向数组中的最后一个元素，并输出
$ext = strtolower ( end ( explode ( ".", $val ) ) );
$imageExt = array (
        "gif",
        "jpeg",
        "jpg",
        "png" 
);
// in_array() 函数搜索数组中是否存在指定的值。
if (in_array ( $ext, $imageExt )) {
    ?>
<td><a href="#"
    onclick="showDetail('<?php echo $val;?>','<?php echo $p;?>')"><img
        class="small" src="images/show.png" alt="" title="查看" /></a>|
<?php
} else {
    ?>
<td><a href="index.php?act=showContent&filename=<?php echo $p?>"><img
        class="small" src="images/show.png" alt="" title="查看" /></a>|
<?php
}
?>

function showDetail(t,filename){
$("#showImg").attr("src",filename);
$("#showDetail").dialog({
      height:"auto",
      width: "auto",
      position: {my: "center", at: "center",  collision:"fit"},
      modal:false,//是否模式对话框
      draggable:true,//是否允许拖拽
      resizable:true,//是否允许拖动
      title:t,//对话框标题
      show:"slide",
      hide:"explode"
});
}

index.php

<?php
require_once ('dir.func.php');
require_once 'file.func.php';
require_once 'common.func.php';

$path = 'file';
$path = isset ( $_REQUEST ['path'] ) ? $_REQUEST ['path'] : $path;
$arr = readDirectory ( $path );
$act = isset ( $_REQUEST ['act'] ) ? $_REQUEST ['act'] : '';
$filename = isset ( $_REQUEST ['filename'] ) ? $_REQUEST ['filename'] : '?';
$redirect = "index.php?path={$path}";
// echo $act."<br/>";
// echo $filename;

if ($act == '创建文件') {
    $mes = createFile ( $path . "/" . $filename );
    alertMes ( $mes, $redirect );
} else if ($act == 'showContent') {
    // 查看文件内容
    $content = file_get_contents ( $filename );
    if (strlen ( $content )) {
        // textarea能完整显示代码
        // echo "<textarea col='1000' rows='10'>$content</textarea>";
        
        // 高亮显示字符创中的PHP代码 true不自动输出(echo)
        $newContent = highlight_string ( $content, true );
        // 高亮显示文件中的PHP代码
        // $content=highlight_file($filename,true);
        
        $str = <<<EOF
    <table width='100%' bgcolor='pink' cellpadding='5' cellspacing='0'>
        <tr>
            <td>
                {$newContent}
            </td>
        </tr>
    </table>
EOF;
        echo $str;
    } else {
        alertMes ( "文件没有内容,请编辑再查看!", $redirect );
    }
} else if ($act == 'editContent') {
    $content = file_get_contents ( $filename );
    $str = <<<EOF
    <form action='index.php?act=doEdit' method='post'>
        <textarea name='content' col='190' rows='10'>{$content}</textarea>
        <input type='hidden' name='filename' value='{$filename}'/>
        <input type="submit" value="修改文件内容"/>
    </form>
EOF;
    echo $str;
} else if ($act == "doEdit") {
    // 修改文件内容的操作
    $content = $_REQUEST ['content'];
    // echo $content;
    if (file_put_contents ( $filename, $content )) {
        $mes = "文件修改成功";
    } else {
        $mes = "文件修改失败";
    }
    alertMes ( $mes, $redirect );
}
?>

<!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>Insert title here</title>
<link rel="stylesheet" href="cikonss.css" />
<script src="jquery-ui/js/jquery-1.10.2.js"></script>
<script src="jquery-ui/js/jquery-ui-1.10.4.custom.js"></script>
<script src="jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>
<link rel="stylesheet"
    href="jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css"
    type="text/css" />
<style type="text/css">
body,p,div,ul,ol,table,dl,dd,dt {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

ul,li {
    list-style: none;
    float: left;
}

#top {
    width: 100%;
    height: 48px;
    margin: 0 auto;
    background: #E2E2E2;
}

#navi a {
    display: block;
    width: 48px;
    height: 48px;
}

#main {
    margin: 0 auto;
    border: 2px solid #ABCDEF;
}

.small {
    width: 25px;
    height: 25px;
    border: 0;
}
</style>
<script type="text/javascript">
    function show(dis){
    document.getElementById(dis).style.display="block";
    }
    function delFile(filename,path){
        if(window.confirm("您确定要删除嘛?删除之后无法恢复哟!!!")){
                location.href="index.php?act=delFile&filename="+filename+"&path="+path;
        }
    }
    function delFolder(dirname,path){
        if(window.confirm("您确定要删除嘛?删除之后无法恢复哟!!!")){
            location.href="index.php?act=delFolder&dirname="+dirname+"&path="+path;
        }
    }

    function showDetail(t,filename){
        $("#showImg").attr("src",filename);
        $("#showDetail").dialog({
              height:"auto",
              width: "auto",
              position: {my: "center", at: "center",  collision:"fit"},
              modal:false,//是否模式对话框
              draggable:true,//是否允许拖拽
              resizable:true,//是否允许拖动
              title:t,//对话框标题
              show:"slide",
              hide:"explode"
        });
        }
    
    function goBack($back){
        location.href="index.php?path="+$back;
    }
</script>
</head>

<body>
    <div id="showDetail" style="display: none">
        <img src="" id="showImg" alt="" />
    </div>
    <h1>慕课网-在线文件管理器</h1>
    <div id="top">
        <ul id="navi">
            <li><a href="index.php" title="主目录"><span
                    style="margin-left: 8px; margin-top: 0px; top: 4px;"
                    class="icon icon-small icon-square"><span class="icon-home"></span></span></a></li>
            <li><a href="#" onclick="show('createFile')" title="新建文件"><span
                    style="margin-left: 8px; margin-top: 0px; top: 4px;"
                    class="icon icon-small icon-square"><span class="icon-file"></span></span></a></li>
            <li><a href="#" onclick="show('createFolder')" title="新建文件夹"><span
                    style="margin-left: 8px; margin-top: 0px; top: 4px;"
                    class="icon icon-small icon-square"><span class="icon-folder"></span></span></a></li>
            <li><a href="#" onclick="show('uploadFile')" title="上传文件"><span
                    style="margin-left: 8px; margin-top: 0px; top: 4px;"
                    class="icon icon-small icon-square"><span class="icon-upload"></span></span></a></li>

            <li><a href="#" title="返回上级目录" onclick="goBack('')"><span
                    style="margin-left: 8px; margin-top: 0px; top: 4px;"
                    class="icon icon-small icon-square"><span class="icon-arrowLeft"></span></span></a></li>
        </ul>
    </div>
    <form action="index.php" method="post" enctype="multipart/form-data">
        <table width="100%" border="1" cellpadding="5" cellspacing="0"
            bgcolor="#ABCDEF" align="center">
            <tr id="createFolder" style="display: none;">
                <td>请输入文件夹名称</td>
                <td><input type="text" name="dirname" /> <input type="hidden"
                    name="path" value="<?php echo $path;?>" /> <input type="submit"
                    name="act" value="创建文件夹" /></td>
            </tr>
            <tr id="createFile" style="display: none;">
                <td>请输入文件名称</td>
                <td><input type="text" name="filename" /> <input type="hidden"
                    name="path" value="<?php echo $path;?>" /> <input type="submit"
                    name="act" value="创建文件" /></td>
            </tr>
            <tr id="uploadFile" style="display: none;">
                <td>请选择要上传的文件</td>
                <td><input type="file" name="myFile" /> <input type="submit"
                    name="act" value="上传文件" /></td>
            </tr>
            <tr>
                <td>编号</td>
                <td>名称</td>
                <td>类型</td>
                <td>大小</td>
                <td>可读</td>
                <td>可写</td>
                <td>可执行</td>
                <td>创建时间</td>
                <td>修改时间</td>
                <td>访问时间</td>
                <td>操作</td>
            </tr>
        <?php
        if ($arr ['file']) {
            $i = 1;
            foreach ( $arr ['file'] as $val ) {
                $p = $path . "/" . $val;
                ?>
            <tr>
                <td><?php echo $i;?></td>
                <td><?php echo $val;?></td>
                <td><?php $src=filetype($p)=='file'?"file_ico.png":"folder_ico.png";?>
                <img src="images/<?php echo $src;?>" alt="" title="文件" /></td>
                <td><?php echo transByte(filesize($p));?></td>
                <td><?php $src=is_readable($p)?"correct.png":"error.png"?>
            <img src="images/<?php echo $src?>" alt="" class="small" /></td>
                <td><?php $src=is_writeable($p)?"correct.png":"error.png"?>
            <img src="images/<?php echo $src?>" alt="" class="small" /></td>
                <td><img
                    src="images/<?php echo (is_executable($p)? "correct.png":"error.png");?>"
                    alt="" class="small" /></td>
                <td>
            <?php echo date("Y-m-d H:i:s",filectime($p))?>
            </td>
                <td>
            <?php echo date("Y-m-d H:i:s",filemtime($p))?>
            </td>
                <td>
            <?php echo date("Y-m-d H:i:s",fileatime($p))?>
            </td>
            <?php
                // 得到文件扩展名
                // explode 将字符串打散为数组
                // end() 函数将内部指针指向数组中的最后一个元素，并输出
                $ext = strtolower ( end ( explode ( ".", $val ) ) );
                $imageExt = array (
                        "gif",
                        "jpeg",
                        "jpg",
                        "png" 
                );
                // in_array() 函数搜索数组中是否存在指定的值。
                if (in_array ( $ext, $imageExt )) {
                    ?>
                <td><a href="#"
                    onclick="showDetail('<?php echo $val;?>','<?php echo $p;?>')"><img
                        class="small" src="images/show.png" alt="" title="查看" /></a>|
                <?php
                } else {
                    ?>
                <td><a href="index.php?act=showContent&filename=<?php echo $p?>"><img
                            class="small" src="images/show.png" alt="" title="查看" /></a>|
                <?php
                }
                ?>
    
                <a href="index.php?act=editContent&filename=<?php echo $p?>"><img
                            class="small" src="images/edit.png" alt="" title="修改" /></a>| <a
                        href=""><img class="small" src="images/rename.png" alt=""
                            title="重命名" /></a>| <a href=""><img class="small"
                            src="images/copy.png" alt="" title="复制" /></a>| <a href=""><img
                            class="small" src="images/cut.png" alt="" title="剪切" /></a>| <a
                        href="" onclick=""><img class="small" src="images/delete.png"
                            alt="" title="删除" /></a>| <a href=""><img class="small"
                            src="images/download.png" alt="" title="下载" /></a></td>
            
            </tr>
                        
        <?php
                $i ++;
            }
        }
        ?>
    </table>
    </form>
</body>
</html>
Paste_Image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端学习资源（作者：小裁缝sun）
    前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial)，号称最全的资源教程－前端涉及的所有知识...
    谷子多阅读 4,277评论 0赞 44
  • awesome-android
    afinalAfinal是一个android的ioc，orm框架 https://github.com/yangf...
    passiontim阅读 15,568评论 2赞 45
  • 再见，摄影
    这个题目似乎和森山大道的一本摄影集重名了，因为我没看懂这部作品，所以应该也不算上对它的致敬。 说是再见，而非永别，...
    worldininches阅读 940评论 3赞 13
  • 朗读者精华（摘录）
    第一期【遇见】 1.只要你是个正直的孩子，不管你从事什么行业，你都是我的好孩子。——柳传志父亲对柳传志说的话 2....
    枞阳徐少阅读 237评论 0赞 0
  • 怀友人
    （一） 忆君在天南， 相隔万里山。 一纸传鸿雁， 替我问君安！ （二） 与君长相离， 忆君无迹寻。 欲书传纸笺， ...
    山野木兮阅读 210评论 1赞 1