php文件上传、下载和删除示例

一.文件上传

1.把上传文件的区域做出来
div1

2.把显示文件的区域做出来
div2

3.提交表单，上传文件

4.服务器接收文件数据
用$_FILE[name]接收

5.处理数据,看上传文件是否有错误

错误有如下几种:
1).上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值
2).上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值
3).文件只有部分被上传
4).没有文件被上传
5).找不到临时文件夹
6).文件写入失败

6.把上传的文件从临时文件夹移到指定文件夹存放
用这个move_uploaded_file函数
其中4 5 6步骤可以做成一个函数直接调用.
注意:文件上传的页面如果要嵌入php代码,文件扩展名不能是html,而是.php

二.文件下载

1.客户端把文件名发送给服务器

2.服务器接收文件名，然后加上文件的路径.

3.然后把文件数据传回客户端

一般是这四步:

//1.重设响应类型
$info = getimagesize($rootPath.$file);
header("Content-Type:".$info['mime']);
//2.执行下载的文件名
header("Content-Disposition:attachment;filename=".$file);
//3.指定文件大小
header("Content-Length:".filesize($rootPath.$file));
//4.响应内容
readfile($rootPath.$file);

三.文件删除

1..客户端把文件名发送给服务器

2.服务器接收文件名，然后加上文件的路径.

3.用unlink函数执行删除文件操作

这里有一个图片上传下载删除的小例子.
效果如图:

文件上传下载删除的界面，代码如下:

<br>html+php内嵌:<p></p><pre class="brush:html;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><!-- 选择上传文件区域--></li><li><div id="div1"></li><li>  <form action="upLoadFile.php" method="post" enctype="multipart/form-data"></li><li>    <div id="div2"><input type="text" id="show" /></div></li><li>    <div id="div3"></li><li>      <span class="text">选择文件</span></li><li>       <input type='hidden' name='MAX_FILE_SIZE' value='100000000'> <!--表单上传文件的大小限制<100M,也可以设置其它值--></li><li>      <input type="file" id="upfile" name="file" /></li><li>    </div></li><li>    <input type="submit" value="上传" class="upload" /></li><li>  </form></li><li></div></li><li><!-- 选择上传文件区域结束--></li><li> </li><li><!-- 上传文件显示区域--></li><li><div id="show-file"></li><li>  <ul id="ul-list"></li><li>    <!-- 内嵌php代码，为了动态显示上传的文件--></li><li>    <?php</li><li>    //1.打开目录</li><li>    $dir = opendir('upload');</li><li>    //2.遍历目录</li><li>    $i = 0;</li><li>    while($file = readdir($dir))</li><li>    {</li><li>      if($file == '.'||$file == '..')</li><li>        continue;</li><li>      echo "<li><img src='upload/{$file}' width='120' height='100'></li><li>        <div><a href='deleteFile.php?name={$file}'>删除</a></span></div></li><li>        <span><a href='download.php?name={$file}'>下载</a></span></li>";</li><li>    }</li><li>    //3.关闭目录</li><li>    closedir($dir);</li><li>    ?></li><li>    <!-- 内嵌php代码结束--></li><li>  </ul></li><li></div></li><li><!-- 上传文件显示区域结束--></li></ol></pre><p>css代码:</p><pre class="brush:css;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>*{margin:0;padding:0;}</li><li>    ul,li{list-style: none;}</li><li>    /*最外层的div，目的是包住选择文件按钮，显示框和上传文件按钮*/</li><li>    #div1{width:405px;height:38px;position: relative;margin:40px auto;}</li><li> </li><li>    /*第二层div包住显示框和上传按钮，右浮动*/</li><li>    #div2{float: right;}</li><li>    #div2 input {width:250px;height: 38px;font-size: 22px;}</li><li> </li><li>    /*第三层div包住input file*/</li><li>    #div3{float:left;width:140px;height:38px;position: relative;</li><li>      background: url("upload.jpg") no-repeat 0 0;margin-left: 5px;}</li><li>    #div3 input{position: absolute;width:100%;height: 100%;top:0;left: 0;</li><li>      z-index: 1;opacity:0;}</li><li> </li><li>    /*图片(选择文件按钮)上的文字*/</li><li>    .text{display: block;width:140px;height: 38px;position: absolute;top: 0;</li><li>      left:0;text-align: center;line-height: 38px;font-size: 28px;</li><li>      color: orchid;}</li><li> </li><li>    /*上传按钮的位置*/</li><li>    .upload{width:70px;height: 38px;background: greenyellow;position: absolute;top:0;right: -75px;}</li><li> </li><li>    /*鼠标停留在选择文件按钮上的时候切换图片*/</li><li>    #div3:hover{background: url("upload.jpg") no-repeat 0 -40px;}</li><li> </li><li>    /*显示图片的div->ul,采用左浮动的方式，一行行的排列图片*/</li><li>    #show-file{width:760px;height:445px;position: relative;margin:10px auto;overflow: scroll;}</li><li>    #show-file ul{width:760px;height:445px;position: absolute;top:0;left:0;}</li><li>    #show-file ul li{float: left;width:120px;height: 100px;margin: 3px 0 0 3px;position: relative;}</li><li> </li><li>    /*删除按钮的位置和一些样式*/</li><li>    #show-file ul li div{display: none;opacity: 0;width:40px;height: 20px;position: absolute;left: 5px;bottom: 5px;</li><li>      background: gold;color: #d32a0e;z-index: 1;cursor: pointer;text-align: center;line-height: 20px;}</li><li> </li><li>    /*下载按钮的位置和一些样式*/</li><li>    #show-file ul li span{display: none;opacity: 0;width:40px;height: 20px;position: absolute;right: 5px;bottom: 5px;</li><li>      background: gold;color: #d32a0e;z-index: 1;cursor: pointer;text-align: center;line-height: 20px;}</li><li> </li><li>    /*把a标签的自带样式去掉，鼠标停留时字体换颜色*/</li><li>    #show-file ul li span,div a{text-decoration: none;color:orangered;}</li><li>    #show-file ul li span,div a:hover{color: #00fa00;}</li></ol></pre><p>js代码:</p><pre class="brush:js;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><script src="move.js"></script></li><li> <script></li><li>   window.onload = function ()</li><li>   {</li><li>     //当选择文件后，会触发这个事件</li><li>     $('upfile').onchange = function ()</li><li>     {</li><li>       $('show').value = this.value;//把获取到的文件伪路径传到编辑框</li><li>     };</li><li>     //显示下载按钮</li><li>     var aLi = $('ul-list').getElementsByTagName('li');   //图片</li><li>     var aSpan = $('ul-list').getElementsByTagName('span'); //下载按钮</li><li>     var aDiv = $('ul-list').getElementsByTagName('div');  //删除按钮</li><li>     for(var i = 0;i<aLi.length;i++)</li><li>     {</li><li>       aLi[i].index = i;</li><li>       aLi[i].onmousemove = function ()</li><li>       {</li><li>         aSpan[this.index].style.display = 'block';</li><li>         aDiv[this.index].style.display = 'block';</li><li>         startMove(aDiv[this.index],{opacity:100}); //缓冲运动</li><li>         startMove(aSpan[this.index],{opacity:100}); //缓冲运动</li><li>       };</li><li>       aLi[i].onmouseout = function ()</li><li>       {</li><li>         aSpan[this.index].style.display = 'none';</li><li>         aDiv[this.index].style.display = 'none';</li><li>         startMove(aDiv[this.index],{opacity:0});  //缓冲运动</li><li>         startMove(aSpan[this.index],{opacity:0});  //缓冲运动</li><li>       }</li><li>     }</li><li>   };</li><li>   function $(id)</li><li>   {</li><li>     return document.getElementById(id);</li><li>   }</li><li> </script></li></ol></pre><p>处理上传文件的php文件:</p><pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>include('myFunctions.php');</li><li>if(uploadFile('file','upload'))</li><li>  header("Location:upFileAndDownFile.php");//会马上跳转回原页面,根本感觉不到页面有跳转到这里</li></ol></pre><p>处理下载文件的php文件:</p><pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>include('myFunctions.php');</li><li>//获取要下载的文件名(加上路径)</li><li>$file = $_GET['name'];</li><li>$rootPath = 'upload/';</li><li>downLoadFile($file,$rootPath);</li><li> </li><li>处理删除文件的php文件:</li><li> </li><li>$fileName = 'upload/'.$_GET['name'];</li><li>unlink($fileName);</li><li>header("Location:upFileAndDownFile.php");</li><li> </li><li>其中move.js在前面的JS完美运动框架文章有讲过。 </li><li>myFunctions.php中的函数如下:</li><li> </li><li>/**</li><li> * @function 下载文件</li><li> * @param $file 要下载的文件名</li><li> * @param $rootPath 文件根路径</li><li> * @return 无</li><li> */</li><li>function downLoadFile($file,$rootPath)</li><li>{</li><li>  //1.重设响应类型</li><li>  $info = getimagesize($rootPath.$file);</li><li>  header("Content-Type:".$info['mime']);</li><li>  //2.执行下载的文件名</li><li>  header("Content-Disposition:attachment;filename=".$file);</li><li>  //3.指定文件大小</li><li>  header("Content-Length:".filesize($rootPath.$file));</li><li>  //4.响应内容</li><li>  readfile($rootPath.$file);</li><li>}</li><li> </li><li> </li><li>/**</li><li> * @function 上传文件</li><li> * @param $name 表单名 <input type="file" name="pic" /></li><li> * @param $path 上传后，文件存放的路径</li><li> * @return 返回新的文件路径表示上传成功 false 失败</li><li> */</li><li>function uploadFile($name,$path)</li><li>{</li><li>  $file = $_FILES[$name];</li><li>  //1.过滤上传文件的错误号</li><li>  if($file['error'] > 0)</li><li>  {</li><li>    //获取错误信息</li><li>    switch($file['error'])</li><li>    {</li><li>      case 1:</li><li>        $info = '上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。';</li><li>        break;</li><li>      case 2:</li><li>        $info = '上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值。';</li><li>        break;</li><li>      case 3:</li><li>        $info = '文件只有部分被上传。';</li><li>        break;</li><li>      case 4:</li><li>        $info = '没有文件被上传。';</li><li>        break;</li><li>      case 6:</li><li>        $info = '找不到临时文件夹';</li><li>        break;</li><li>      case 7:</li><li>        $info = '文件写入失败。 ';</li><li>        break;</li><li>    }</li><li>    die("上传错误,原因: ".$info);</li><li>  }</li><li>  //2.上传文件大小的过滤</li><li>  if($file['size'] > 100000000)  //字节为单位</li><li>    die('上传文件大小超出限制!');</li><li>  //3.上传后的文件名定义</li><li>  $newfile = null;</li><li>  $fileinfo = pathinfo($file['name']); //解析上传文件名</li><li>  do{</li><li>    $newfile = date('YmdHis').".".$fileinfo['extension'];</li><li>  }while(file_exists($path.'/'.$newfile));</li><li>  //4.执行文件上传</li><li>  //判断是否是一个上传文件</li><li>  if(is_uploaded_file($file['tmp_name']))</li><li>  {</li><li>    //执行文件上传(移动文件到指定目录)</li><li>    if(move_uploaded_file($file['tmp_name'],$path.'/'.$newfile))</li><li>      return $path.'/'.$newfile;</li><li>    else</li><li>      return false;</li><li>  }</li><li>  else</li><li>    die('不是一个上传文件!');</li><li>}</li></ol></pre><p>上传文件的时候注意要设置好HTML表单的大小限制和服务器的大小限制，post的大小限制。</p><p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHP中文网。</p><p>更多php文件上传、下载和删除示例相关文章请关注PHP中文网！                    </p>