局域网中可以做哪些有趣的事 | 搭建文件服务器

作者: 简子逍 | 来源:发表于2019-07-01 16:22 被阅读48次

局域网中可以做哪些有趣的事 | 搭建文件服务器
http-server
通过自动化脚本安装以及配置JDK
Httpd 快速搭建文件服务器
CentOS 快速搭建文件服务器
乐活·晚上可以做哪些有趣的事
一行Python代码实现文件共享
前端快速创建本地服务器
局域网打印机出现错误：“ Windows无法访问,请检查名称的拼
在“无用”中品味时光

假如在公司，你要向同事线上传输一份文件，通常的做法是双方电脑上都打开通讯工具，你传输文件到通讯服务器，然后服务器会将文件转发到同事电脑上。这就好比于你们两个人同处一间屋子，之后你叫了物流配送，东西出了屋子，途经一个中转站最后又寄回到屋子里。你们这样子来回折腾，有没有考虑过文件的感受？

在局域网内，可以很方便地搭建一个文件服务器。传输文件只需打开浏览器，不必安装任何通讯软件（微信：?），而且读取数据更快。搭建的方式有很多，这里主要介绍一种使用 Apache 配置本地文件服务器方法。

开发前环境准备：

Apache
PHP

Apache

Apache是目前最流行的Web服务器端软件之一，它快速、可靠并且可通过简单的API扩展，将Perl/Python等解释器编译到服务器中。鉴于其方便的模块配置能力，本文在Apache中添加PHP模块来执行文件处理操作。

Apache安装好的目录结构如下：

其中，最常用的有：

bin：命令目录，如启动服务httpd.exe
conf：配置文件目录，如httpd.conf
htdocs：默认首页文件目录
logs：日志存放目录

搭建文件服务器

本文中采用的思路是，在Apache默认首页目录提供上传文件的接口（80端口），然后另行配置一个虚拟主机目录用来存放上传的文件，同时提供该路径的访问接口索引（82端口），用于预览和下载。

1. 端口配置

使用ipconfig/all命令查看本机IP地址，假设为192.168.0.116
在httpd.conf文件中添加监听

Listen 192.168.0.116:80   # 上传文件的接口
Listen 192.168.0.116:82   # 预览及下载文件的接口

修改ServerName默认为本机IP的80端口

ServerName 192.168.0.116:80

2. 虚拟主机配置

在本地创建一个我们用于保存文件的目录，如E:\上传，在conf/extra/httpd-vhosts.conf文件中添加：

<VirtualHost 192.168.0.116:82>
    ServerName 192.168.0.116:82
    DocumentRoot "E:\上传"
    <Directory "E:\上传">
        Options Indexes FollowSymLinks
        AllowOverride None
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>

浏览器中直接访问192.168.0.116:82，即可列出E:\上传中的所有文件及目录列表，如图：

当我们访问192.168.0.116:80时，同样会列出文件夹htdocs中格式化后的目录列表。规范起见，在httpd.conf文件中修改htdocs目录配置，搜索Options Indexes FollowSymLinks，去掉Options中的Indexes选项：

#Options Indexes FollowSymLinks
Options FollowSymLinks

如此，当我们访问根目录时会自动跳转首页文件，若首页文件不存在，会出现以下安全警告：

3. 上传文件功能实现

主要使用PHP执行文件的读取、解析、保存，关于Apache中如何添加PHP配置此处不加以说明。

在首页目录，即htdocs文件夹中新建一个功能目录php，用来存放项目文件。

index.html：
实现一个简单的文件上传功能，将文件流发送到doAction.php进行处理。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文件共享</title>
</head>
<body>
<form action="doAction.php" method="post" enctype="multipart/form-data">
请选择您要上传的文件：
<input type="file" name="myFile" /><br/>
<input type="submit" value="上传"/>
</form>
</body>
</html>

doAction.php：
执行文件的解析、保存，并且 2 秒后自动跳转到文件访问目录。

<?php
$file_path=iconv("UTF-8", "gb2312", "E:/上传/".$_FILES["myFile"]["name"]);
$tmp_name=$_FILES['myFile']['tmp_name'];
$error=$_FILES['myFile']['error'];

move_uploaded_file($tmp_name, $file_path);

if ($error==0) {
    echo "上传成功！<br>跳转中...";
    echo "<script>setTimeout(function(){location.href='http://192.168.0.116:82'},2000);</script>";
    //header("location:result.html");
}else{
    switch ($error){
        case 1:
            echo "超过了上传文件的最大值，请上传100M以下文件";
            break;
        case 2:
            echo "上传文件过多，请一次上传20个及以下文件！";
            break;
        case 3:
            echo "文件并未完全上传，请再次尝试！";
            break;
        case 4:
            echo "未选择上传文件！";
            break;
        case 5:
            echo "上传文件为0";
            break;
    }
}
?>

注意：PHP对上传文件做了许多限制，如大小不超过2M，可以在PHP安装目录的php.ini文件中修改：

max_execution_time = 0  # 设置执行时间没有限制
upload_max_filesize = 100M  # 上传文件最大大小
post_max_size = 150M  # POST数据所允许的最大大小，一般大于 upload_max_filesize 为佳

访问192.168.0.116:80/php，效果演示：

4. 功能扩展

在htdocs目录中，你可以按需添加许多功能扩展，如找出上传文件中的所有图片，以图片流显示：

在php文件夹中新建：result.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片流</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
#container{width:940px;margin:50px auto;}
#container ul{width:300px;list-style:none;float:left;margin-right:20px;}
#container ul li{margin-bottom:20px;}
#container ul li img{width:300px;}
</style>
</head>
<body>
<div id="container">
<ul class="col"></ul>
<ul class="col"></ul>
<ul class="col" style="margin-right:0"></ul>
</div>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">

$(function(){
    function load(data){
            var html = "";
            html = '<li><img src = '+data+'></li>';
            $minUl = getMinUl();
            $minUl.append(html);
    }

    function getMinUl(){
        var $arrUl = $("#container .col");
        var $minUl =$arrUl.eq(0);
        $arrUl.each(function(index,elem){
            if($(elem).height()<$minUl.height()){
                $minUl = $(elem);
            }
        });
        return $minUl;
    }
<?php
$hostdir=iconv("UTF-8", "gb2312",'E:/上传/');
$url = 'http://192.168.0.116:82/'; 
$filesnames = scandir($hostdir);
foreach ($filesnames as $name) {
    if($name!='.' && $name!='..'){
        $ext = strtolower(strrchr($name,'.'));
        if($ext == '.jpg' || $ext == '.jpeg' || $ext == '.png' || $ext == '.gif'){
            $src= iconv("gb2312", "UTF-8",$url.$name);
            echo "load('".$src."');\n";
        }
    }
}
?>
})
</script>
</body>
</html>

上传成功后，选择自动跳转到result.html页面，效果演示：

5. 其他说明

文件访问：在同一个局域网下，所有用户均可通过访问192.168.0.116:82预览和下载文件；
文件上传：本机用户，可以直接复制文件到本地E:\上传目录；其他主机用户，通过192.168.0.116:80/php接口上传文件；
考虑到 Apache 配置中设置了监听192.168.0.116，当你本地电脑重启后 IP 地址可能会发生改变，这会导致 Apache 服务无法正常启动。解决的办法是重新在httpd.conf中修改监听，或者固定电脑 IP 地址，或者不关机(≖‿≖)✧。

注意：确保其他主机能通过本机 IP 访问本主机，需要添加 Apache 服务到本机防火墙信任列表中。