现在的位置: 主页 > 商讯 > 文章列表

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

作者:合肥瑶海区海美电器服务部 来源:www.an128l.com 未知发布时间:2017-09-02 11:52:44
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;}

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:襄阳SEO http://xiangyang.raoyu.net

上一篇:谈武汉企业网站建设:品牌文化价值才是网站建设的核心 下一篇:最后一页