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>

PHP上传图片例子的更多相关文章

  1. jquery mobile上传图片完整例子（包含ios图片横向问题处理和C#后台图片压缩）

    上传图片本身是个基本的小功能,但是到了移动端就不那么简单了,相信找到这篇文章的你一定有深深的同感. 本文实例是:在(移动端)页面中点击图片,然后选择文件,然后保存.使用Asp.net 难点一:后台获取 ...

  2. nodejs上传图片并显示的例子

    目标 1. 在浏览器地址栏输入“http://demos/start”,进入欢迎页面,页面有一个文件上传表单: 2. 选择一张图片并提交表单,文件被上传到"http://demos/uplo ...

  3. 用SWFUpload上传图片小例子

    在开发项目中,经常会用到上传图片,接下来我就用一种简单的方式给大家分享一下使用SWFUpload的方式上传图片. 1.在网站根目录下新建一个SWFUpload文件夹,把下载的组建放在SWFUpload ...

  4. 使用Uploadify实现上传图片生成缩略图例子,实时显示进度条

    不了解Uploadify的,先看看前一篇详细说明 http://www.cnblogs.com/XuebinDing/archive/2012/04/26/2470995.html Uploadify ...

  5. javaweb中上传图片并显示图片，用我要上传课程信息（里面包括照片）这个例子说明

    原理:  从客户端上传到服务器                照片——文件夹——数据库 例如:桌面一张照片,在tomacat里创建upload文件夹,把桌面照片上传到upload文件夹里,并且把照片的 ...

  6. 一个简单的struts2上传图片的例子

    https://www.cnblogs.com/yeqrblog/p/4398914.html 在我的大创项目中有对应的应用

  7. 微信小程序之上传图片(含前后端代码例子)

    此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码. 前端小程序代码 index.wxml: <view class='content'> <view cla ...

  8. 一例tornado框架下处理上传图片并生成缩略图的例子

    class coachpic(RequestHandler): @gen.coroutine def post(self): picurl = self.request.files[] print(& ...

  9. -Android -线程池 批量上传图片 -附php接收代码

    (出处:http://www.cnblogs.com/linguanh/) 目录: 1,前序 2,类特点 3,用法 4,java代码 5,php代码 1,前序 还是源于重构,看着之前为赶时间写着的碎片 ...

随机推荐

  1. 必做课下作业MyCP

    20175227张雪莹 2018-2019-2 <Java程序设计> 必做课下作业MyCP 要求 编写MyCP.java 实现类似Linux下cp XXX1 XXX2的功能,要求MyCP支 ...

  2. 日志监控文件中获取ip，每一分钟统计一次，超过200次的计入黑名单

    一.日志文件access.log #.要从日志里面找到1分钟之内访问超过200次的 #.每分钟都运行一次 #.读取文件内容,获取到ip地址 #.把每个ip地址存起来{} #.判断ip访问的次数是否超过 ...

  3. Linux下搭建jmeter

    最近做性能测试,Windows下跑jmeter,并发跑不到100,CPU就100%,这还是在命令行模式下,真心头大.没办法,只好搞个Linux来跑了,下面说下如何玩转的. 1.下载Ubuntu操作系统 ...

  4. 机器学习笔记之三-yolov3+win7+vs2017+gpu+opencv编译

    1.环境安装 1.1 vs2017+cuda9.1+cudnn7.0可以和tensorflow一起安装网上教程多,不多说.       唯一需要注意的是vs2017要安装好2015版本的工具集v140 ...

  5. day2.jmeter简单压测，下载文件，Charles手机抓包准备

    一.压测 压测衡量一个系统的好坏:1.tps每秒钟处理的事物数,2.qps响应时间 添加聚合报告,更改线程组,运行接口请求 **添加压力机 1.首先确保都在同一网段 2.其他电脑要先启动jmeter- ...

  6. 统计每日单量MySQL语句

    -- 每日单量 select DATE_FORMAT(createtime,'%Y-%m-%d') as days,count(*) count from ibt_shop_order group b ...

  7. Maintaining ICM Parameters for Using SSL for As JAVA

    1770585 - How to configure SSL on the AS Java You can use this procedure to configure the necessary ...

  8. Spring MVC参数封装传递

    在Spring MVC中,前端JSP页面可以传递  基本类型(int,String).实体类型.包装类型.数组类型.集合类型(List.map )等. 假如在传递的类型中有 Date类型的字段,需要在 ...

  9. Linux下的常见压缩解压缩命令

    Linux常见压缩解压缩命令 常见压缩文件扩展名 .Z compress 程序压缩的文件: .zip zip 程序压缩的文件: .gz gzip 程序压缩的文件: .bz2 bzip2 程序压缩的文件 ...

  10. 利用pyinstaller生成exe之后，运行不能正常产生结果文件问题记录

    https://segmentfault.com/q/1010000011284617/a-1020000011493026 在此链接已解决问题,现在在这里在详细记录一次 问题描述: 利用pychar ...