php file Upload, download, and delete examples

php file upload, download and delete examples of the general idea is as follows, the details are as follows

I. File upload

1. Make the area where the files are uploaded
Div1

2. Make the area where the file is displayed
Div2

3. Submit the form and upload the file

4. server receives file data
Receive with $_file[name]

5. Process the data to see if there is an error uploading the file

There are several errors:
1). The uploaded file exceeds the value of the Upload_max_filesize option limit in php.ini
2). The size of the uploaded file exceeds the value specified by the Max_file_size option in the HTML form
3). Only part of the file is uploaded
4). No files are uploaded
5). Unable to find Temp folder
6). File Write Failed

6. Move the uploaded file from the Temp folder to the specified folder for storage
With this move_uploaded_file function
Where 4 5 6 steps can be made into a function called directly.
Note: File upload page If you want to embed PHP code, the file name extension cannot be HTML, but. php

Two. File download

1. The client sends the file name to the server

2. The server receives the file name and then adds the path to it.

3. Then transfer the file data back to the client

These are generally four steps:

1. Reset the response type $info = GetImageSize ($rootPath. $file); Header ("Content-type:". $info [' MIME ']);//2. The file name of the download to execute the header (" Content-disposition:attachment;filename= ". $file);//3. Specify the file size header (" Content-length: ". FileSize ($rootPath. $file)) ;//4. Response Content ReadFile ($rootPath. $file);

Three. File deletion

1. The client sends the file name to the server

2. The server receives the file name and then adds the path to it.

3. Perform a delete file operation with the unlink function

Here is a small example of an image upload and download deletion.
Effect:

File upload to download the deleted interface, the code is as follows:
html+php Embedded:

<!--Select Upload file area--><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 "> &lt Span class= "text" > select File </span> <input type= ' hidden ' name= ' max_file_size ' value= ' 100000000 ' > <!--form Upload file size limit <100m, you can set other values--<input type= "file" id= "Upfile" name= "file"/> </div> <input Typ E= "Submit" value= "Upload" class= "upload"/> </form></div><!--Select Upload file area End--<!--upload file display area--  <div id= "Show-file" > <ul id= "ul-list" > <!--embedded PHP code in order to dynamically display uploaded files--<?php//1. Open Directory $dir =    Opendir (' upload ');    2. Traverse directory $i = 0; while ($file = Readdir ($dir)) {if ($file = = '. ' | |        $file = = ' ... ')      Continue echo "<li> <div><a href= ' Deletefile.php?nam e={$file} ' > Delete &LT;/A&Gt;</span></div> <span><a href= ' download.php?name={$file} ' > Download </a></span></    Li> ";    }//3. Close directory Closedir ($DIR); ?> <!--inline PHP code ends-</ul></div><!--upload file display area ended-

CSS code:

*{margin:0;padding:0;}    Ul,li{list-style:none;}     /* Outermost div with the purpose of wrapping the Select File button, the display box and the Upload file button */#div1 {width:405px;height:38px;position:relative;margin:40px auto;}    /* The second level div wrap the display box and the upload button, right floating */#div2 {float:right;}     #div2 input {width:250px;height:38px;font-size:22px;}      /* third-level div wrap 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 on the picture (select File button) */. text{display:block;width:140px;height:38px;position:absolute;top:0;      left:0;text-align:center;line-height:38px;font-size:28px;     Color:orchid;}     /* location of the upload button */. Upload{width:70px;height:38px;background:greenyellow;position:absolute;top:0;right: -75px;}     /* Hover over the Select File button to toggle the picture */#div3: Hover{background:url ("upload.jpg") No-repeat 0-40px;} /* Display the picture's Div->ul, use the left floating way, the line arranges the picture */#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;} /* Remove the position of the button and some styles */#show-file ul Li Div{display:none;opacity:0;width:40px;height:20px;position:absolute;left:5px;bot      tom:5px;     Background:gold;color: #d32a0e; z-index:1;cursor:pointer;text-align:center;line-height:20px;} /* Location of the download button and some styling */#show-file ul Li Span{display:none;opacity:0;width:40px;height:20px;position:absolute;right:5px;b      ottom:5px;     Background:gold;color: #d32a0e; z-index:1;cursor:pointer;text-align:center;line-height:20px;}    /* Remove the self-styled style of a label, the font for color */#show-file ul li Span,div a{text-decoration:none;color:orangered;} #show-file ul li Span,div a:hover{color: #00fa00;}

JS Code:

<script src= "Move.js" ></script> <script> window.onload = function () {//When the file is selected, this event is triggered by $ (' U     Pfile '). onchange = function () {$ (' show '). Value = this.value;//Upload the acquired file pseudo-path to the edit box};   Show Download button var aLi = $ (' ul-list '). getElementsByTagName (' Li '); Picture var Aspan = $ (' ul-list '). getElementsByTagName (' span ');  Download button var Adiv = $ (' ul-list '). getElementsByTagName (' div ');       Delete button 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}); Buffered Motion Startmove (aspan[this.index],{opacity:100});       Buffer movement};         Ali[i].onmouseout = function () {Aspan[this.index].style.display = ' none ';         Adiv[this.index].style.display = ' None ';  Startmove (adiv[this.index],{opacity:0}); Cushioning Motion Startmove (aspan[this.index],{opacity:0});   Buffer Movement}};   function $ (ID) {return document.getElementById (ID); } </script>

To process PHP files for uploading files:

Include (' myfunctions.php '), if (UploadFile (' file ', ' upload '))  header ("Location:upFileAndDownFile.php");// Will immediately jump back to the original page, there is no sense that the page has to jump here

PHP files for processing downloaded files:

Include (' myfunctions.php ');//Gets the file name to download (plus the path) $file = $_get[' name '); $rootPath = ' upload/';d ownloadfile ($file, $ RootPath); PHP file to process deleted files: $fileName = ' upload/'. $_get[' name '];unlink ($fileName); Header ("Location:upFileAndDownFile.php"); One of the move.js in front of the JS perfect motion frame article has been talked about. The functions in myfunctions.php are as follows:/** * @function Download file * @param $file file name to download * @param $rootPath file root path * @return No */function Downloa  Dfile ($file, $rootPath) {//1. Reset response Type $info = GetImageSize ($rootPath. $file);  Header ("Content-type:". $info [' MIME ']);  2. Execute the downloaded filename header ("content-disposition:attachment;filename=". $file);  3. Specify the file size header ("Content-length:". FileSize ($rootPath. $file));  4. Response Content ReadFile ($rootPath. $file);} /** * @function Upload file * @param $name table sole name <input type= "file" name= "pic"/> * @param $path upload the file path * @return return the new file  The path indicates that the upload succeeded false failed */function UploadFile ($name, $path) {$file = $_files[$name]; 1. Filter the error number of the upload file if ($file [' Error '] > 0) {//Get error message switch ($file [' ERROR ']) {Case 1: $info = ' uploaded file More thanThe value of the Upload_max_filesize option limit in php.ini.        ';      Break Case 2: $info = ' the size of the uploaded file exceeds the value specified by the Max_file_size option in the HTML form.        ';      Break Case 3: $info = ' file is only partially uploaded.        ';      Break Case 4: $info = ' no files were uploaded.        ';      Break        Case 6: $info = ' temporary folder not found ';      Break Case 7: $info = ' File write failed.        ';    Break  } die ("Upload error, Reason:". $info);  //2. upload file size filter if ($file [' Size '] > 100000000)//Bytes die (' Upload file size exceeds limit! ');  3. The uploaded file name definition $newfile = NULL; $fileinfo = PathInfo ($file [' name ']); Parse the upload file name do{$newfile = Date (' Ymdhis '). ".".  $fileinfo [' extension ']; }while (File_exists ($path. '  /'. $newfile)); 4. Execute File Upload//Determine if it is an upload file if (is_uploaded_file ($file [' tmp_name ')) {//Perform file upload (move file to specified directory) if (Move_uploaded_file ($fil e[' Tmp_name '), $path. ' /'. $newfile)) return $path. '    /'. $newfile;  else return false; } else die (' not an upload file! ');}

When uploading a file note to set the size limit of the HTML form and the size limit of the server, post size limit.

The above is the whole content of this article, I hope that everyone's learning has helped, but also hope that we support topic.alibabacloud.com.