PHP 中的图片上传操作

  前端编程中,有时需要允许浏览者上传某张图片,这样的功能我们可以通过 PHP 来实现。

一. 创建存储图片的文件夹

  在这里,我们创建文件夹 “ file ” 来存放用户上传的图片,此时文件夹是空的,文件夹创建地址可以自己选择,但是最好建立在方便使用的位置。

二. 创建 HTML 部分(uploadfile.html)

  这里我们使用了 HTML 的 form 表单标签,以及表单中的

  • <input type="file">来选择图片文件
  • <input type="submit">来提交图片相关信息

代码如下:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body> 
  <form action="uploadHandler.php" method="post" enctype="multipart/form-data">
   Upload Img:<input type="file" name="img"/>
   <input type="submit" value="Upload"/>
  </form>
 </body>
</html>

注意:
  1. form 表单里的 action 连接到之后将会创建的处理图片上传的 .php 文件。
  2. 在 form 的属性中必须注明enctype="multipart/form-data"enctype 属性规定在将表单数据发送到服务器之前如何对其进行编码。multipart/form-data不对字符编码。当使用有文件上传控件的表单时,该值是必需的。
  3. 在这里,我们使用的是 post 方法。

三.创建 PHP 部分(uploadHandler.php)

1. 原理

  我们创建一个 php 文件,在其中只输入

<?php var_dump($_FILES);  ?>

  那么我们会打印到一个相应的数组arr(1)。
  arr(1)的数组结构为:

array(1) { 
 ["img"]=> array(5) { 
  ["name"]=> string(**) "AAAAAAA.jpg" // 图片名
  ["type"]=> string(10) "image/jpeg" // 图片格式
  ["tmp_name"]=> string(45) "/Applications/XAMPP/xamppfiles/temp/phpVZQY0m" // 图片缓存地址
  ["error"]=> int(0) // 上传图片错误数
  ["size"]=> int(124246) // 图片大小
 } 
}

  在 array 数组下有一个元素 ["img"] ,而在 ["img"] 下是一个二维数组,这个二维数组有五个元素,分别为:name / type / tmp_name / error / size。
  通过这几个属性我们得到了一个图片的基本信息,下一步我们要通过对这几个基本属性进行判断而将图片存进文件夹。

2. 实际操作

  进行如下判断:

  • error [有]:提示错误❌
  • error [无]:下一步✅
        ╙type[非 img]:提示错误❌
        ╙type[img]:下一步✅
          ╙type[非 jpeg]:提示错误❌
          ╙type[jpeg]:下一步✅

  如果满足如上的判断,那么我们认为这张图片是可以保存的。
  为避免图片命名的重复,我们使用时间戳概念,拼接成一个新的文件名,让每张图片的命名都是唯一的。

  且我们可以创建一个数组,数组内的元素是各种图片格式,将文件的图片格式与数组中的元素进行比较,不是我们认可的图片格式将不予保存。

代码如下:

<?php
// 接收文件
var_dump($_FILES); // 区别于$_POST、$_GET
print_r($_FILES);
$file = $_FILES["img"];
// 先判断有没有错
if ($file["error"] == 0) {
 // 成功 
 // 判断传输的文件是否是图片,类型是否合适
 // 获取传输的文件类型
 $typeArr = explode("/", $file["type"]);
 if($typeArr[0]== "image"){
  // 如果是图片类型
  $imgType = array("png","jpg","jpeg");
  if(in_array($typeArr[1], $imgType)){ // 图片格式是数组中的一个
   // 类型检查无误,保存到文件夹内
   // 给图片定一个新名字 (使用时间戳,防止重复)
   $imgname = "file/".time().".".$typeArr[1];
   // 将上传的文件写入到文件夹中
   // 参数1: 图片在服务器缓存的地址
   // 参数2: 图片的目的地址(最终保存的位置)
   // 最终会有一个布尔返回值
   $bol = move_uploaded_file($file["tmp_name"], $imgname);
   if($bol){
    echo "上传成功!";
   } else {
    echo "上传失败!";
   };
  };
 } else {
  // 不是图片类型
  echo "没有图片,再检查一下吧!";
 };
} else {
 // 失败
 echo $file["error"];
};
?>

四. 上传图片

  此时,如果各项均符合要求,那么在 file 文件夹内就存有了我们上传的图片。上传成功!

推荐阅读更多精彩内容

  • 一、会话控制(session与cookie) 1.cookie简介 Cookie是存储在客户端浏览器中的数据,我们...
    空谷悠阅读 319评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 121,117评论 16 134
  • Php:脚本语言,网站建设,服务器端运行 PHP定义:一种服务器端的HTML脚本/编程语言,是一种简单的、面向对象...
    廖马儿阅读 1,762评论 2 37
  • 小时候我很能乱花钱,花的是父母的钱,所以不知道心疼,大概是年龄小,不知道父母赚钱的辛苦。等我大了,知道父母赚...
    公子小卜阅读 108评论 2 1
  • 大学就像一个机会市场似得,只要你花费一些时间,一些精力,你就会收获很多很多的东西,而在社会上去收获等同的东西成本...
    井里的鱼阅读 55评论 0 0