php檔案上傳、下載和刪除樣本

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

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

檔案上傳下載刪除的介面，代碼如下:
html+php內嵌:

<!-- 選擇上傳檔案地區--><div id="div1">  <form action="upLoadFile.php" method="post" enctype="multipart/form-data">    <div id="div2"><input type="text" id="show" /></div>    <div id="div3">      <span class="text">選擇檔案</span>       <input type='hidden' name='MAX_FILE_SIZE' value='100000000'> <!--表單上傳檔案的大小限制<100M,也可以設定其它值-->      <input type="file" id="upfile" name="file" />    </div>    <input type="submit" value="上傳" class="upload" />  </form></div><!-- 選擇上傳檔案地區結束--> <!-- 上傳檔案顯示地區--><div id="show-file">  <ul id="ul-list">    <!-- 內嵌php代碼，為了動態顯示上傳的檔案-->    <?php    //1.開啟目錄    $dir = opendir('upload');    //2.遍曆目錄    $i = 0;    while($file = readdir($dir))    {      if($file == '.'||$file == '..')        continue;      echo "<li><img src='upload/{$file}' width='120' height='100'>        <div><a href='deleteFile.php?name={$file}'>刪除</a></span></div>        <span><a href='download.php?name={$file}'>下載</a></span></li>";    }    //3.關閉目錄    closedir($dir);    ?>    <!-- 內嵌php代碼結束-->  </ul></div><!-- 上傳檔案顯示地區結束-->

css代碼:

*{margin:0;padding:0;}    ul,li{list-style: none;}    /*最外層的div，目的是包住選擇檔案按鈕，顯示框和上傳檔案按鈕*/    #div1{width:405px;height:38px;position: relative;margin:40px auto;}     /*第二層div包住顯示框和上傳按鈕，右浮動*/    #div2{float: right;}    #div2 input {width:250px;height: 38px;font-size: 22px;}     /*第三層div包住input file*/    #div3{float:left;width:140px;height:38px;position: relative;      background: url("upload.jpg") no-repeat 0 0;margin-left: 5px;}    #div3 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;}     /*滑鼠停留在選擇檔案按鈕上的時候切換圖片*/    #div3:hover{background: url("upload.jpg") no-repeat 0 -40px;}     /*顯示圖片的div->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 div{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,div a{text-decoration: none;color:orangered;}    #show-file ul li span,div a:hover{color: #00fa00;}

js代碼:

<script src="move.js"></script> <script>   window.onload = function ()   {     //當選擇檔案後，會觸發這個事件     $('upfile').onchange = function ()     {       $('show').value = this.value;//把擷取到的檔案偽路徑傳到編輯框     };     //顯示下載按鈕     var aLi = $('ul-list').getElementsByTagName('li');   //圖片     var aSpan = $('ul-list').getElementsByTagName('span'); //下載按鈕     var aDiv = $('ul-list').getElementsByTagName('div');  //刪除按鈕     for(var i = 0;i<aLi.length;i++)     {       aLi[i].index = i;       aLi[i].onmousemove = function ()       {         aSpan[this.index].style.display = 'block';         aDiv[this.index].style.display = 'block';         startMove(aDiv[this.index],{opacity:100}); //緩衝運動         startMove(aSpan[this.index],{opacity:100}); //緩衝運動       };       aLi[i].onmouseout = function ()       {         aSpan[this.index].style.display = 'none';         aDiv[this.index].style.display = 'none';         startMove(aDiv[this.index],{opacity:0});  //緩衝運動         startMove(aSpan[this.index],{opacity:0});  //緩衝運動       }     }   };   function $(id)   {     return document.getElementById(id);   } </script>

處理上傳檔案的php檔案:

include('myFunctions.php');if(uploadFile('file','upload'))  header("Location:upFileAndDownFile.php");//會馬上跳回原頁面,根本感覺不到頁面有跳轉到這裡

處理下載檔案的php檔案:

include('myFunctions.php');//擷取要下載的檔案名稱(加上路徑)$file = $_GET['name'];$rootPath = 'upload/';downLoadFile($file,$rootPath); 處理刪除檔案的php檔案: $fileName = 'upload/'.$_GET['name'];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['mime']);  //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['error'] > 0)  {    //擷取錯誤資訊    switch($file['error'])    {      case 1:        $info = '上傳的檔案超過了 php.ini 中 upload_max_filesize 選項限制的值。';        break;      case 2:        $info = '上傳檔案的大小超過了 HTML 表單中 MAX_FILE_SIZE 選項指定的值。';        break;      case 3:        $info = '檔案只有部分被上傳。';        break;      case 4:        $info = '沒有檔案被上傳。';        break;      case 6:        $info = '找不到臨時檔案夾';        break;      case 7:        $info = '檔案寫入失敗。 ';        break;    }    die("上傳錯誤,原因: ".$info);  }  //2.上傳檔案大小的過濾  if($file['size'] > 100000000)  //位元組為單位    die('上傳檔案大小超出限制!');  //3.上傳後的檔案名稱定義  $newfile = null;  $fileinfo = pathinfo($file['name']); //解析上傳檔案名稱  do{    $newfile = date('YmdHis').".".$fileinfo['extension'];  }while(file_exists($path.'/'.$newfile));  //4.執行檔案上傳  //判斷是否是一個上傳檔案  if(is_uploaded_file($file['tmp_name']))  {    //執行檔案上傳(移動檔案到指定目錄)    if(move_uploaded_file($file['tmp_name'],$path.'/'.$newfile))      return $path.'/'.$newfile;    else      return false;  }  else    die('不是一個上傳檔案!');}

上傳檔案的時候注意要設定好HTML表單的大小限制和伺服器的大小限制，post的大小限制。

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援topic.alibabacloud.com。