首頁 > 後端開發 > php教程 > php實作檔案上傳、下載和刪除的方法

php實作檔案上傳、下載和刪除的方法

墨辰丷
發布: 2023-03-28 17:54:02
原創
3029 人瀏覽過

這篇文章主要為大家詳細介紹了php檔案上傳、下載和刪除範例,具有一定的參考價值,有興趣的小夥伴們可以參考一下

php檔案上傳、下載和刪除範例大體思路如下,具體內容如下

一.文件上傳

#1.把上傳檔案的區域做出來
p1

2.把顯示檔案的區域做出來
p2

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函數執行刪除檔案動作

這裡有一個圖片上傳下載刪除的小例子.
效果如圖:

#檔案上傳下載刪除的介面,程式碼如下:
html php內嵌:


#
<!-- 选择上传文件区域-->
<p id="p1">
  <form action="upLoadFile.php" method="post" enctype="multipart/form-data">
    <p id="p2"><input type="text" id="show" /></p>
    <p id="p3">
      <span class="text">选择文件</span>
       <input type=&#39;hidden&#39; name=&#39;MAX_FILE_SIZE&#39; value=&#39;100000000&#39;> <!--表单上传文件的大小限制<100M,也可以设置其它值-->
      <input type="file" id="upfile" name="file" />
    </p>
    <input type="submit" value="上传" class="upload" />
  </form>
</p>
<!-- 选择上传文件区域结束-->

<!-- 上传文件显示区域-->
<p id="show-file">
  <ul id="ul-list">
    <!-- 内嵌php代码,为了动态显示上传的文件-->
    <?php
    //1.打开目录
    $dir = opendir(&#39;upload&#39;);
    //2.遍历目录
    $i = 0;
    while($file = readdir($dir))
    {
      if($file == &#39;.&#39;||$file == &#39;..&#39;)
        continue;
      echo "<li><img src=&#39;upload/{$file}&#39; width=&#39;120&#39; height=&#39;100&#39;>
        <p><a href=&#39;deleteFile.php?name={$file}&#39;>删除</a></span></p>
        <span><a href=&#39;download.php?name={$file}&#39;>下载</a></span></li>";
    }
    //3.关闭目录
    closedir($dir);
    ?>
    <!-- 内嵌php代码结束-->
  </ul>
</p>
<!-- 上传文件显示区域结束-->
登入後複製

css程式碼:


*{margin:0;padding:0;}
    ul,li{list-style: none;}
    /*最外层的p,目的是包住选择文件按钮,显示框和上传文件按钮*/
    #p1{width:405px;height:38px;position: relative;margin:40px auto;}

    /*第二层p包住显示框和上传按钮,右浮动*/
    #p2{float: right;}
    #p2 input {width:250px;height: 38px;font-size: 22px;}

    /*第三层p包住input file*/
    #p3{float:left;width:140px;height:38px;position: relative;
      background: url("upload.jpg") no-repeat 0 0;margin-left: 5px;}
    #p3 input{position: absolute;width:100%;height: 100%;top:0;left: 0;
      z-index: 1;opacity:0;}

    /*图片(选择文件按钮)上的文字*/
    .text{display: block;width:140px;height: 38px;position: absolute;top: 0;
      left:0;text-align: center;line-height: 38px;font-size: 28px;
      color: orchid;}

    /*上传按钮的位置*/
    .upload{width:70px;height: 38px;background: greenyellow;position: absolute;top:0;right: -75px;}

    /*鼠标停留在选择文件按钮上的时候切换图片*/
    #p3:hover{background: url("upload.jpg") no-repeat 0 -40px;}

    /*显示图片的p->ul,采用左浮动的方式,一行行的排列图片*/
    #show-file{width:760px;height:445px;position: relative;margin:10px auto;overflow: scroll;}
    #show-file ul{width:760px;height:445px;position: absolute;top:0;left:0;}
    #show-file ul li{float: left;width:120px;height: 100px;margin: 3px 0 0 3px;position: relative;}

    /*删除按钮的位置和一些样式*/
    #show-file ul li p{display: none;opacity: 0;width:40px;height: 20px;position: absolute;left: 5px;bottom: 5px;
      background: gold;color: #d32a0e;z-index: 1;cursor: pointer;text-align: center;line-height: 20px;}

    /*下载按钮的位置和一些样式*/
    #show-file ul li span{display: none;opacity: 0;width:40px;height: 20px;position: absolute;right: 5px;bottom: 5px;
      background: gold;color: #d32a0e;z-index: 1;cursor: pointer;text-align: center;line-height: 20px;}

    /*把a标签的自带样式去掉,鼠标停留时字体换颜色*/
    #show-file ul li span,p a{text-decoration: none;color:orangered;}
    #show-file ul li span,p a:hover{color: #00fa00;}
登入後複製

#js程式碼:

##

 <script src="move.js"></script>
  <script>
    window.onload = function ()
    {
      //当选择文件后,会触发这个事件
      $(&#39;upfile&#39;).onchange = function ()
      {
        $(&#39;show&#39;).value = this.value;//把获取到的文件伪路径传到编辑框
      };
      //显示下载按钮
      var aLi = $(&#39;ul-list&#39;).getElementsByTagName(&#39;li&#39;);   //图片
      var aSpan = $(&#39;ul-list&#39;).getElementsByTagName(&#39;span&#39;); //下载按钮
      var ap = $(&#39;ul-list&#39;).getElementsByTagName(&#39;p&#39;);  //删除按钮
      for(var i = 0;i<aLi.length;i++)
      {
        aLi[i].index = i;
        aLi[i].onmousemove = function ()
        {
          aSpan[this.index].style.display = &#39;block&#39;;
          ap[this.index].style.display = &#39;block&#39;;
          startMove(ap[this.index],{opacity:100}); //缓冲运动
          startMove(aSpan[this.index],{opacity:100}); //缓冲运动
        };
        aLi[i].onmouseout = function ()
        {
          aSpan[this.index].style.display = &#39;none&#39;;
          ap[this.index].style.display = &#39;none&#39;;
          startMove(ap[this.index],{opacity:0});  //缓冲运动
          startMove(aSpan[this.index],{opacity:0});  //缓冲运动
        }
      }
    };
    function $(id)
    {
      return document.getElementById(id);
    }
  </script>
登入後複製




#####################' #####處理上傳檔案的php檔案:#########
include(&#39;myFunctions.php&#39;);
if(uploadFile(&#39;file&#39;,&#39;upload&#39;))
  header("Location:upFileAndDownFile.php");//会马上跳转回原页面,根本感觉不到页面有跳转到这里
登入後複製
##########處理下載檔案的php檔案:#########
include(&#39;myFunctions.php&#39;);
//获取要下载的文件名(加上路径)
$file = $_GET[&#39;name&#39;];
$rootPath = &#39;upload/&#39;;
downLoadFile($file,$rootPath);

处理删除文件的php文件:

$fileName = &#39;upload/&#39;.$_GET[&#39;name&#39;];
unlink($fileName);
header("Location:upFileAndDownFile.php");

其中move.js在前面的JS完美运动框架文章有讲过。 
myFunctions.php中的函数如下:

/**
 * @function 下载文件
 * @param $file 要下载的文件名
 * @param $rootPath 文件根路径
 * @return 无
 */
function downLoadFile($file,$rootPath)
{
  //1.重设响应类型
  $info = getimagesize($rootPath.$file);
  header("Content-Type:".$info[&#39;mime&#39;]);
  //2.执行下载的文件名
  header("Content-Disposition:attachment;filename=".$file);
  //3.指定文件大小
  header("Content-Length:".filesize($rootPath.$file));
  //4.响应内容
  readfile($rootPath.$file);
}


/**
 * @function 上传文件
 * @param $name 表单名 <input type="file" name="pic" />
 * @param $path 上传后,文件存放的路径
 * @return 返回新的文件路径表示上传成功 false 失败
 */
function uploadFile($name,$path)
{
  $file = $_FILES[$name];
  //1.过滤上传文件的错误号
  if($file[&#39;error&#39;] > 0)
  {
    //获取错误信息
    switch($file[&#39;error&#39;])
    {
      case 1:
        $info = &#39;上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。&#39;;
        break;
      case 2:
        $info = &#39;上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值。&#39;;
        break;
      case 3:
        $info = &#39;文件只有部分被上传。&#39;;
        break;
      case 4:
        $info = &#39;没有文件被上传。&#39;;
        break;
      case 6:
        $info = &#39;找不到临时文件夹&#39;;
        break;
      case 7:
        $info = &#39;文件写入失败。 &#39;;
        break;
    }
    die("上传错误,原因: ".$info);
  }
  //2.上传文件大小的过滤
  if($file[&#39;size&#39;] > 100000000)  //字节为单位
    die(&#39;上传文件大小超出限制!&#39;);
  //3.上传后的文件名定义
  $newfile = null;
  $fileinfo = pathinfo($file[&#39;name&#39;]); //解析上传文件名
  do{
    $newfile = date(&#39;YmdHis&#39;).".".$fileinfo[&#39;extension&#39;];
  }while(file_exists($path.&#39;/&#39;.$newfile));
  //4.执行文件上传
  //判断是否是一个上传文件
  if(is_uploaded_file($file[&#39;tmp_name&#39;]))
  {
    //执行文件上传(移动文件到指定目录)
    if(move_uploaded_file($file[&#39;tmp_name&#39;],$path.&#39;/&#39;.$newfile))
      return $path.&#39;/&#39;.$newfile;
    else
      return false;
  }
  else
    die(&#39;不是一个上传文件!&#39;);
}
登入後複製
## #######上傳檔案的時候注意要設定好HTML表單的大小限制和伺服器的大小限制,post的大小限制。 ######總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。 ######相關推薦:#########PHP實作透過strace定位故障原因的方法###############PHP使用file_get_contents傳送http請求功能簡單###############PHP MySQL高並發加鎖事務處理問題解決方法####################### ###

以上是php實作檔案上傳、下載和刪除的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板