前言

在开始图片上传前,我们先来看一下所需的全局数组 $_FILES API:

语法:

$_FILES["file"]["type"]

参数说明:

  1. file:前端表单 input name 。
  2. type:可以是 “name”, “type”, “size”, “tmp_name” 或 “error”。

type:

  • $_FILES[“file”][“name”] - 被上传文件的名称
  • $_FILES[“file”][“type”] - 被上传文件的类型
  • $_FILES[“file”][“size”] - 被上传文件的大小,以字节计
  • $_FILES[“file”][“tmp_name”] - 存储在服务器的文件的临时副本的名称
  • $_FILES[“file”][“error”] - 由文件上传导致的错误代码

测试

我们先测试一下从前端上传的图片属性是否后端会接收到,打印一下图片属性。这里我是在本地测试,所以直接前端后端都写 php 文件中了。

<!-- 前端 -->
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST" enctype="multipart/form-data"><input type="file" name="img"><input type="submit" name="submit">
</form><?php
# 错误判断
if($_FILES['img']['error'] > 0){echo '失败:' . $_FILES['img']['error'];
}# 执行处理
else{show();
}# 处理函数
function show(){echo '文件名称:' . $_FILES['img']['name'] . '<br/>';echo '文件类型:' . $_FILES['img']['type'] . '<br/>';echo '文件大小(MB):' . $_FILES['img']['size'] / 1024 . '<br/>';//默认字节Becho '服务器临时副本名称:' . $_FILES['img']['tmp_name'] . '<br/>';
}
?>


当然,这些数据都没有经过判断与处理,看起来很糟糕。

上传限制

我们不妨观察到,一些网站对用户的文件是有要求限制的,例如:图片必须为 .jpg 且必须小于 1MB等等需求,那么 php 该如何完成上传限制呢?方法有很多!

例如:用户只能上传 .gif / .jpeg 文件,文件大小必须小于 20 KB:

<!-- 前端 -->
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST" enctype="multipart/form-data"><input type="file" name="img"><input type="submit" name="submit">
</form><?php
# 后面频繁使用最好封装一下
$type = $_FILES['img']['type'];
$size = $_FILES['img']['size'];
$name = $_FILES['img']['name'];# 上传限制判断
if(($type == 'image/gif') //是不是git格式|| ($type == 'image/jpeg') //是不是jpg格式|| ($type == 'image/jpeg') //兼容IE(判断jpg格式)&& ($size < 20000) //获取到的size是字节(B)
)# 通过限制
{echo '恭喜您,图像 ' . $name . '可以使用!';
}# 没通过
else{echo '很遗憾,图像 ' . $name . '不符合限制!';
}
?>


注意:对于 IE,识别 jpg 文件的类型必须是 pjpeg,对于 FireFox,必须是 jpeg。

保存被上传的文件

还记得我们在 标题——测试 中输出的服务器临时副本名称吗?

这个临时的复制文件会在脚本结束时消失,即关闭页面或刷新后清理,所以要保存被上传的文件,我们需要把它拷贝到另外的位置。

例如,我们抛除判断与限制,直接将文件存储到服务器中的 images 中:

<!-- 前端 -->
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="POST" enctype="multipart/form-data"><input type="file" name="img"><input type="submit" name="submit">
</form><?php
# 提示信息
echo '即将上传的文件为:' . $_FILES['img']['name'] . '<br>';
echo '临时存储路径为:' . $_FILES['img']['tmp_name'] . '<br>';# 判断 images 文件夹下是否存在当前文件
if(file_exists('images/' . $_FILES['img']['name'])){echo '——————————————' . '<br>';echo '存储失败,数据库中已有该文件!' . '<br>';
}# 如果不存在该文件就存储到 images 文件夹下
else{move_uploaded_file($_FILES['img']['tmp_name'],'images/' . $_FILES['img']['name']);echo '上传成功!';
}
?>

file_exists() :https://www.php.net/file_exists

move_uploaded_file:https://www.w3school.com.cn/php/func_filesystem_move_uploaded_file.asp

php 图片上传($_FILES)相关推荐

  1. php dwz,ThinkPHP+DWZ之DWZ自带编辑器图片上传

    在用DWZ自带编辑器的时候,对于文件上传这个功能很是头痛,研究了一下午,才研究出结果来,给网友们分享下//判断是否上传成功 if(isset($data[0]["name"]) & ...

  2. quill自定义图片上传

    quill是个不错的富文本编辑器,但是它的图片上传是直接将本地图片读成base64跟文本混合在一起,这显然不适合一般开发需求,我们希望插入的是一个图片url,故这里将基于vue.js实现quill的图 ...

  3. Silverlight中的拖拽实现的图片上传---1

    在Silverlight中因为可以直接从系统的文件夹里面拖出来一个文件直接放到浏览器中,我在想使用这个功能来做成图片上传(或者文件上传),这样的用户体验将会是非常好的. 传统的上传都是打开对话框,选择 ...

  4. ThinkPHP5整合LayUI编辑器图片上传

    2019独角兽企业重金招聘Python工程师标准>>> 一.创建上传方法 public function uploadimg(){$image = $_FILES['file'];$ ...

  5. SSM+KindEditor实现富文本编辑器图片上传

    场景 KindEitor官方文档: http://kindeditor.net/demo.php 实现 效果 下载Kindeditor 下载地址: http://kindeditor.net/down ...

  6. php 多图上传编辑器,ThinkPHP5整合LayUI编辑器图片上传

    一.创建上传方法 public function uploadimg() { $image = $_FILES['file']; $filebase = file_get_contents($imag ...

  7. php flash 图片上传,Flash教程:flash+php实现图片上传

    本文主要向大家介绍了flash+php实现图片上传,通过具体的代码向大家展示,希望对大家学习Flash教程有所帮助. flash负责打开browser,浏览我的电脑: 这里我们需要的flash方法有: ...

  8. PHP+CKEditor 3配置详细说明(包括图片上传)

    首先,我们要在页面中加入CKEditor的js文件: <head>         ...         <script type="text/javascript&qu ...

  9. tp3.2简单的图片上传实现

    //定义文件上传相关目录常量 define('ROOT_PATH', __DIR__); define('UPLOAD_PATH', '/Public/Uploads/'); //现在model封装一 ...

  10. 使用PHP实现图片上传

    [实例描述]在网站中,文件上传是一个必备的组成部分.很多网站都要用到文件的上传,如用户上传自定义的头像.需求方上传需要翻译的原文等.本实例实现了单个图片文件上传和预览效果. [实现过程](1)创建脚本 ...

最新文章

  1. Android13.9.15
  2. MATLAB 不能用了,哪些替代品可以继续搞科研?
  3. JavaScript onerror事件
  4. 第十天2017/04/25(2、企业财富库:)
  5. storm日志bebug问题
  6. USACO-Section2.1 Sorting a Three-Valued Sequence(排序)
  7. Numpy中的时间类型
  8. SpringBoot高并发!java开发安卓app电子书
  9. MongoDB工具MagicMongoDBTool使用介绍(一) -- 简单MongoDB入门
  10. 玩转你画我猜(二):更优秀的绘图程序
  11. npm install 报错(npm ERR! errno: -4048, npm ERR! code: ‘EPERM‘, npm ERR! syscall: ‘unlink‘,)
  12. ubuntu18.04设置开机自启动的脚本
  13. html右键头,右箭头怎么打 word怎么输入向右的箭头
  14. 通过u盘启动计算机使用ghost安装系统步骤,详细教您如何使用u盘启动盘手动ghost备份系统...
  15. 服务器移动用户打不开网站图片,为什么有些网站移动网络打不开?
  16. 科研突破:非宁静无以致远
  17. PSNRSSIMVIF指标-python版本
  18. 个人认为程序员在工作中应该养成的一些良好习惯
  19. [异能程序员]第四章 偶遇(第四更)
  20. 【分治法】逆序对的数量(结合归并排序,含详细思想、解法、代码及注释)

热门文章

  1. CF D. GCD Table
  2. 新浪微博粉丝——爬虫涨粉技巧
  3. [NFC] BlackBerry 9900 NFC
  4. 安全分析能力的核心能力
  5. [转]DM硬盘低格使用图解
  6. 绩效考核OKR怎么做?
  7. 企业直播该如何做?硬件设备、网络环境、设备连接和观看权限等整个直播流程教程
  8. 树莓派3B+神经计算棒实时人脸追踪机器眼
  9. 阿里云、腾讯云、移动云飙“价”:智能普惠成新风向?
  10. As3.0 视频缓冲、下载总结