<script src="https://www.jb51.net/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" /> * @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.'https://www.jb51.net/'.$newfile)); //4.执行文件上传 //判断是否是一个上传文件 if(is_uploaded_file($file['tmp_name'])) { //执行文件上传(移动文件到指定目录) if(move_uploaded_file($file['tmp_name'],$path.'https://www.jb51.net/'.$newfile)) return $path.'https://www.jb51.net/'.$newfile; else return false; } else die('不是一个上传文件!'); }
上传文件的时候注意要设置好HTML表单的大小限制和服务器的大小限制，post的大小限制。