假如在公司，你要向同事线上传输一份文件，通常的做法是双方电脑上都打开通讯工具，你传输文件到通讯服务器，然后服务器会将文件转发到同事电脑上。这就好比于你们两个人同处一间屋子，之后你叫了物流配送，东西出了屋子，途经一个中转站最后又寄回到屋子里。你们这样子来回折腾，有没有考虑过文件的感受？
在局域网内，可以很方便地搭建一个文件服务器。传输文件只需打开浏览器，不必安装任何通讯软件（微信：?），而且读取数据更快。搭建的方式有很多，这里主要介绍一种使用 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 服务到本机防火墙信任列表中。
