PHP上传图片例子

PHP上传图片例子  源码下载

两个文件：

tu.php

upload.php

 

tu.php 代码：

 <?php
 ini_set("display_errors", "On");
 error_reporting(E_ALL | E_STRICT);
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>上传图片</title>
 </head>

 <body>
 <h1>上传图片</h1>

 <div id="divPreview">
         <img id="imgHeadPhoto" src="noperson.jpg" style="width: 160px; height: 170px; border: solid 1px #d2e2e2;"
             alt="" />
 </div>
 <!--enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码,"multipart/form-data"在使用包含文件上传控件的表单时，必须使用该值。-->
 <form action="upload.php" method="post" enctype="multipart/form-data">
 <!--file定义输入字段和 "浏览"按钮，供文件上传。-->
     <input type="file" name="file" onchange="PreviewImage(this,'imgHeadPhoto','divPreview');" size="20" />
     <input  type="submit" value="上传"/>

 </form>

 <div>
 <?php
 $page=isset($_GET['page'])?$_GET['page']:0;//从零开始
 $imgnums = 5;    //每页显示的图片数
 $path="./img/";   //图片保存的目录
 $handle = opendir($path);
 $i=0;
 while (false !== ($file = readdir($handle))) {
 list($filesname,$ext)=explode(".",$file);
 if($ext=="gif" or $ext=="jpg" or $ext=="JPG" or $ext=="png" ) {
 if (!is_dir('./'.$file)) {
 $array[]=$file;//保存图片名称
 ++$i;
 } } } 

  if($array){
 rsort($array);//修改日期倒序排序
 }

 for($j=$imgnums*$page; $j<($imgnums*$page+$imgnums)&&$j<$i; ++$j){
 echo '<div>';
 echo $array[$j].'<br />';
 $img_info = getimagesize($path.$array[$j]);
 echo $img_info[0].'<br />';
 if ($img_info[0]>180){//图片宽度大于180像素的，以宽180显示，高以等比例缩小，宽小于180像素的图片，不作任何改变
     echo "<img src=".$path.$array[$j]." width='180' height='".($img_info[1]*(180/$img_info[0]))."'><br />";
     }else{
     echo "<img src=".$path.$array[$j]." ><br />";

     }
 echo '</div>';
 } 

                 $realpage = @ceil($i / $imgnums) - 1;
                 $Prepage = $page-1;
                 $Nextpage = $page+1;
         if($Prepage<0){
                 echo "上一页 ";
                 echo "<a href=?page=$Nextpage>下一页</a> ";
                 echo "<a href=?page=$realpage>最末页</a> ";
         }elseif($Nextpage >= $realpage){
                 echo "<a href=?page=0>首页</a> ";
                 echo " <a href=?page=$Prepage>上一页</a> ";
                 echo " 下一页";
         }else{
                 echo "<a href=?page=0>首页</a> ";
                 echo "<a href=?page=$Prepage>上一页</a> ";
                 echo "<a href=?page=$Nextpage>下一页</a> ";
                 echo "<a href=?page=$realpage>最末页</a> ";
         }

 ?>

 </div>
 </body>
 <script type="text/javascript">
         //js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
         function PreviewImage(fileObj, imgPreviewId, divPreviewId) {
             var allowExtention = ".jpg,.bmp,.gif,.png"; //允许上传文件的后缀名document.getElementById("hfAllowPicSuffix").value;
             var extention = fileObj.value.substring(fileObj.value.lastIndexOf(".") + 1).toLowerCase();
             var browserVersion = window.navigator.userAgent.toUpperCase();
             if (allowExtention.indexOf(extention) > -1) {
                 if (fileObj.files) {//HTML5实现预览，兼容chrome、火狐7+等
                     if (window.FileReader) {
                         var reader = new FileReader();
                         reader.onload = function (e) {
                             document.getElementById(imgPreviewId).setAttribute("src", e.target.result);
                         }
                         reader.readAsDataURL(fileObj.files[0]);
                     } else if (browserVersion.indexOf("SAFARI") > -1) {
                         alert("不支持Safari6.0以下浏览器的图片预览!");
                     }
                 } else if (browserVersion.indexOf("MSIE") > -1) {
                     if (browserVersion.indexOf("MSIE 6") > -1) {//ie6
                         document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);
                     } else {//ie[7-9]
                         fileObj.select();
                         if (browserVersion.indexOf("MSIE 9") > -1)
                             fileObj.blur(); //不加上document.selection.createRange().text在ie9会拒绝访问
                         var newPreview = document.getElementById(divPreviewId + "New");
                         if (newPreview == null) {
                             newPreview = document.createElement("div");
                             newPreview.setAttribute("id", divPreviewId + "New");
                             newPreview.style.width = document.getElementById(imgPreviewId).width + "px";
                             newPreview.style.height = document.getElementById(imgPreviewId).height + "px";
                             newPreview.style.border = "solid 1px #d2e2e2";
                         }
                         newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='" + document.selection.createRange().text + "')";
                         var tempDivPreview = document.getElementById(divPreviewId);
                         tempDivPreview.parentNode.insertBefore(newPreview, tempDivPreview);
                         tempDivPreview.style.display = "none";
                     }
                 } else if (browserVersion.indexOf("FIREFOX") > -1) {//firefox
                     var firefoxVersion = parseFloat(browserVersion.toLowerCase().match(/firefox\/([\d.]+)/)[1]);
                     if (firefoxVersion < 7) {//firefox7以下版本
                         document.getElementById(imgPreviewId).setAttribute("src", fileObj.files[0].getAsDataURL());
                     } else {//firefox7.0+
                         document.getElementById(imgPreviewId).setAttribute("src", window.URL.createObjectURL(fileObj.files[0]));
                     }
                 } else {
                     document.getElementById(imgPreviewId).setAttribute("src", fileObj.value);
                 }
             } else {
                 alert("仅支持" + allowExtention + "为后缀名的文件!");
                 fileObj.value = ""; //清空选中文件
                 if (browserVersion.indexOf("MSIE") > -1) {
                     fileObj.select();
                     document.selection.clear();
                 }
                 fileObj.outerHTML = fileObj.outerHTML;
             }
             return fileObj.value;    //返回路径
         }
     </script>
 </html>

upload.php源码：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>上传处理文件</title>
 </head>

 <body>
 <?php

 $gotopage="tu.php";
 //var_dump($_FILES["file"]);
 //array(5) { ["name"]=> string(17) "56e79ea2e1418.jpg" ["type"]=> string(10) "image/jpeg" ["tmp_name"]=> string(43) "C:\Users\asus\AppData\Local\Temp\phpD07.tmp" ["error"]=> int(0) ["size"]=> int(454445) }
 //1.限制文件的类型，防止注入php或其他文件，提升安全
 //2.限制文件的大小，减少内存压力
 //3.防止文件名重复，提升用户体验
     //方法一：  修改文件名    一般为:时间戳+随机数+用户名
     // 方法二:建文件夹

 //4.保存文件

 //判断上传的文件是否出错,是的话，返回错误
 if($_FILES["file"]["error"])
 {
     //echo $_FILES["file"]["error"];
     header("refresh:10;url=".$gotopage);
     print('上传出错，错误代码:'.$_FILES["file"]["error"].'，请稍等...<br>10秒后自动跳转。');
     echo "<br /><br /><br />";
     switch ($_FILES["file"]["error"])
     {
      case 1:
          echo "上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。";
          break;
      case 2:
          echo "上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定";
          break;
      case 3:
          echo "文件只有部分被上传。 ";
          break;
      case 4:
          echo "没有文件被上传。 ";
          break;
      case 5:
          echo "上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定";
          break;
      case 6:
          echo "找不到临时文件夹。PHP 4.3.10 和 PHP 5.0.3 引进。";
          break;
      case 7:
          echo "文件写入失败。PHP 5.1.0 引进。";
          break;  

    }

     echo "<br /><br /><br />
     错误代码解析<br />
     UPLOAD_ERR_OK:其值为 0，没有错误发生，文件上传成功。<br />
     UPLOAD_ERR_INI_SIZE: 其值为 1，上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。<br />
     UPLOAD_ERR_FORM_SIZE:其值为 2，上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定<br />
     UPLOAD_ERR_PARTIAL:其值为 3，文件只有部分被上传。 <br />
     UPLOAD_ERR_EXTENSION:其值为 4，没有文件被上传。 <br />
     UPLOAD_ERR_NO_TMP_DIR: 其值为 6，找不到临时文件夹。PHP 4.3.10 和 PHP 5.0.3 引进。<br />
     UPLOAD_ERR_CANT_WRITE:其值为 7，文件写入失败。PHP 5.1.0 引进。<br />
     ";

 }
 else
 {

   echo "Upload: " . $_FILES["file"]["name"] . "<br />";
   echo "Type: " . $_FILES["file"]["type"] . "<br />";
   echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
   echo "Stored in: " . $_FILES["file"]["tmp_name"]. "<br /><br /><br />";

     //没有出错
     //加限制条件
     //判断上传文件类型为png或jpg且大小不超过10240000B(10M)
     if(($_FILES["file"]["type"]=="image/png"||$_FILES["file"]["type"]=="image/gif"||$_FILES["file"]["type"]=="image/jpeg")&&$_FILES["file"]["size"]<10240000)
     {
             //防止文件名重复
             $filename ="./img/".time()."_".$_FILES["file"]["name"];
             //转码，把utf-8转成gb2312,返回转换后的字符串， 或者在失败时返回 FALSE。
             $filename =iconv("UTF-8","gb2312",$filename);
              //检查文件或目录是否存在
             if(file_exists($filename))
             {
                 echo"该文件已存在";
             }
             else
             {
                 //保存文件,   move_uploaded_file 将上传的文件移动到新位置
                 move_uploaded_file($_FILES["file"]["tmp_name"],$filename);//将临时地址移动到指定地址
                 header("refresh:5;url=".$gotopage); print('上传成功，请稍等...<br>五秒后自动跳转。');
             }
     }
     else
     {
         //echo"文件类型不对";
         header("refresh:5;url=".$gotopage); print('上传失败，你上传的不是图片，请稍等...<br>五秒后自动跳转。');
     }
 }
 ?>
 </body>
 </html>