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. xyplorer设置备忘

    xyplorer设置备忘https://www.cnblogs.com/liuzhaoyzz/p/9911665.html1.双击向上一级工具→配置→菜单,鼠标,安全性→鼠标→双击空白空间时向上一级. ...

  2. 双网卡单IP实现网卡冗余与负载均衡

    WINDOWS下: 所谓双网卡,就是通过软件将双网卡绑定为一个IP地址,这个技术对于许多朋友来说并不陌生,许多高档服务器网卡(例如intel8255x系列.3COM服务器网卡等)都具有多网卡绑定功能, ...

  3. java.util.concurrent包下集合类的特点与适用场景

    java.util.concurrent包,此包下的集合都不允许添加null元素 序号 接口 类 特性 适用场景 1 Queue.Collection ArrayBlockingQueue 有界.阻塞 ...

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

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

  5. centos7安装mysql，以及设置root密码

    1.首先进入mysql官网的下载-社区https://dev.mysql.com/downloads/ 2.点击下载后,切换版本5.7(这里的版本对于rpm没有作用),然后在新的页面中选择操作系统 3 ...

  6. C++ 64位操作系统调用 RegOpenKey() 读取注册表，返回 2， ERROR_FILE_NOT_FOUND

    环境:64位操作系统, VS2017 首先在命令行执行 REG ADD HKLM\Software\seastarsun /v serial /t REG_SZ /d 58ae4cb077a4e1 在 ...

  7. 通过 phpmyadmin getshell

    通过 phpmyadmin  getshell general_log默认为关闭的,root权限开启后,general_log_file会保存所有的查询语句 可以开启general_log,然后设置g ...

  8. git学习手记（也许仅对本人有用）

    首先明白git的三种状态 commited已提交 =====>git仓库(存着各种版本)modified已修改(此时就是我们的编辑器中的未保存状态)====>工作目录staged暂存状态= ...

  9. intellij idea 汉化

    intellij idea是IDEA的全称,现在最新版本的是intellij idea 16.这是一款公认的比较好的用于编程的软件.但是每次软件的发布都是全英文的,这让英文不好的人很是头疼.现在我告诉 ...

  10. python 中list的深拷贝和浅拷贝

    注意:这里提到是list的隐式转换例如 a=[1,2,3]def test(n):n[2] = n[2]*2c=a此时是浅拷贝,当调用test(c)时,可以看到a也发生了变化c=[1,4,3]a=[1 ...