php实现图片上传功能的方法:首先创建存储图片的文件夹;然后创建HTML部分;接着创建“uploadHandler.php”文件;最后将文件的图片格式与数组中的元素进行比较并实现上传即可。

推荐:《PHP视频教程》

PHP 中的图片上传操作

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

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

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

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

这里我们使用了 HTML 的 form 表单标签,以及表单中的来选择图片文件

来提交图片相关信息

代码如下:

Upload Img:

注意:

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 文件夹内就存有了我们上传的图片。上传成功!

php如何实现上传照片功能_php如何实现图片上传功能相关推荐

  1. 小程序体验版跟测试版上传照片失败的问题 及图片上传的方法

    小程序写了一个星期,马上要交付给客户,真机测试都没有问题后,提交体验版之后发现图片上传不上去,然后我就在网上找资料,总结以下几个原因: 1.先看服务器域名是否配置,uploadFile 2.  真机调 ...

  2. 计算机职称照图片,全国职称计算机报名如何上传照片。怎么提示你无需上传照片。可以直接进行报名呢...

    全国职称计算机报名如何上传照片.怎么提示你无需上传照片.可以直接进行报名呢以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! ...

  3. java多文件上传plupload控件实现多图片上传(二)

    接上篇 java多文件上传plupload控件实现多图片上传(一) 续写PluploadUtil 和 Plupload PO类,以及后台的action. 至此,可实现多文件上传功能. 上传文件Acti ...

  4. 文件上传、下载、导出(图片上传、下载)

    一.文件上传 1.常规文件上传 input 标签 type="file", 点击接收上传的文件 <label for="file_url">< ...

  5. 小程序_图片剪切功能(支持多图片上传)

    前端图片剪切上传功能是常见的功能,在开发过程中,研发一个这样的功能要花的时间也会很多,现在把一个研发好了的图片剪切插件发出来.支持剪切和大小缩放. wxml 1 <!--图片展示 --> ...

  6. ssm上传文件获取路径_SSM实现图片上传下载功能

    0. 基本步骤框架搭建 实现带图片上传的注册功能 实现下载功能 1. 框架搭建 Step1 创建开发项目 创建基础MVC包结构:controller.service.mapper.pojo Step2 ...

  7. elementui图片上传php,vue+element-ui+富文本————图片上传

    最近用vue+element-ui开发一套后台管理系统,其中项目中需要用到富文本编辑器,这里总结下开发过程中遇到的坑和使用方法. 刚开始用的是vue-quill-editor结合element-ui上 ...

  8. php图片上传为base64,php实现base64图片上传方式实例代码

    /** * base64图片上传 * @param $base64_img * @return array */ header("content-type:text/html;charset ...

  9. java 上传文件并读取_Java实现图片上传到服务器并把上传的图片读取出来

    在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢? 下面说一下我的实现过程(只是个人实现思路,实际网站怎么实现的 ...

最新文章

  1. 计算机科学速成课】[40集全/精校] - Crash Course Computer Science
  2. 数据结构-链表之单链表
  3. POJ 2236 - Wireless Network ( 并查集 )
  4. ios7 导航栏 手势 右划 自动返回 相关
  5. FFmpeg进行屏幕录像和录音
  6. bcc语料库下载_大数据背景下BCC语料库的研制_荀恩东
  7. 鸟哥Linux 私房菜
  8. ANSYS 有限元分析 网格划分
  9. 什么叫服务器加密狗信息异常,客户很多反应,服务器安装了CA认证,如果咱们的加密狗是黄色的,就会提示演示版,重新注册也不行。...
  10. Basler相机拍照
  11. Layui的管理系统的模板
  12. 会议室管理前端页面_多媒体会议室,会议系统,指挥控制中心,调度中心方案设计方案...
  13. Linux网卡流量限制
  14. c语言实现7段数码管显示,FPGA入门--七段数码管显示
  15. vue中浏览器全屏和退出全屏
  16. day13课后总结App
  17. linux centos 手册,zh/FAQ/CentOS4 - CentOS Wiki
  18. golang 使用negroni,实现server
  19. 儿童全脑九大能力,3-6岁的家长都应该知道
  20. Android USB转ttl串口

热门文章

  1. 浅析嵌入式系统之uboot详解(1)—板子上电后uboot做了什么
  2. SuperMap iClient3D for WebGL教程(Entity)-ModelGraphics
  3. ADAS十大灵魂拷问
  4. android 播放网络电视,HDP直播tv版 V2.0.5 for android (网络电视)
  5. 越老越吃香的计算机专业,大四学长:最有前途的4个理工专业,毕业工作不愁,还越老越吃香...
  6. PBOC MAC 计算算法 实现
  7. 发明专利申请流程 发明专利代理
  8. 生产环境openssl漏洞-升级openssl到最新版本
  9. eb8000软件怎样上传_EB8000程序上传与下载
  10. 妙用Adobe Audition 系列教程(一):信号发生器