html+php上传图片文件到服务器

一.html代码

 <body>

 <form action="" method="post" enctype="multipart/form-data" name="upload_form">

  <label>选择图片文件</label>

  <input name="imgfile" type="file" accept="image/gif, image/jpeg"/>

   <input name="upload" type="submit" value="上传" />

 </form>

 </body>

二.php代码

 if (isset($_FILES['imgfile'])

 && is_uploaded_file($_FILES['imgfile']['tmp_name']))

 {

  $imgFile = $_FILES['imgfile'];

 $upErr = $imgFile['error'];

 if ($upErr == 0)

 {

 $imgType = $imgFile['type']; //文件类型。

 /* 判断文件类型，这个例子里仅支持jpg和gif类型的图片文件。*/

 if ($imgType == 'image/jpeg'

 || $imgType == 'image/gif')

 {

 $imgFileName = $imgFile['name'];

 $imgSize = $imgFile['size'];

 $imgTmpFile = $imgFile['tmp_name'];

 /*

  将文件从临时文件夹移到上传文件夹中。

 注意：upfile这个文件夹必须先创建好，不然会报错。

 */

 move_uploaded_file($imgTmpFile, 'upfile/'.$imgFileName);

 /*显示上传后的文件的信息。*/

 $strPrompt = sprintf("文件%s上传成功<br>"

 . "文件大小: %s字节<br>"

 . "<img src='upfile/%s'>"

 , $imgFileName, $imgSize, $imgFileName

 );

 echo $strPrompt;

 }

 else

 {

 echo "请选择jpg或gif文件，不支持其它类型的文件。";

 }

 }

 else

 {

 echo "文件上传失败。<br>";

 switch ($upErr)

 {

 case 1:

  echo "超过了php.ini中设置的上传文件大小。";

 break;

 case 2:

  echo "超过了MAX_FILE_SIZE选项指定的文件大小。";

 break;

 case 3:

  echo "文件只有部分被上传。";

 break;

 case 4:

  echo "文件未被上传。";

 break;

 case 5:

  echo "上传文件大小为0";

 break;

 }

 }

 }

 else

 {

 }

三.php代码分析：

$_FILES是一个数组变量，用于保存上传后的文件信息。

$_FILES['imgfile']表示文件域名称为'imgfile'的控件提交服务器后，上传的文件的信息。

一个上传的文件，有以下属性信息：

'name'： 上传的文件在客户端的名称。

'type'： 文件的 MIME 类型，例如"image/jpeg"。

'size'： 已上传文件的大小，单位为字节。

'tmp_name'：上传时，在服务器端，会把上传的文件保存到一个临时文件夹中，可以通过此属性得到临时文件名。

'error'：文件在上传过程中的错误代码。如果上传成功，此值为0，其它值的意义如下：

1：超过了php.ini中设置的上传文件大小。

2：超过了MAX_FILE_SIZE选项指定的文件大小。

3：文件只有部分被上传。

4：文件未被上传。

5：上传文件大小为0。

代码中首先判断$_FILES['imgfile']变量是否存在，如果存在，并且$_FILES['imgfile']['tmp_name']变量所指文件被上传了，判断error属性，如果属性为0，把上传后的图像从临时文件夹移到upfile文件夹中，显示上传文件的信息，并显示上传后的图像。

如果error值不为0，表示上传失败，显示失败信息。

四.完整代码

 <!DOCTYPE html >

 <html lang="en">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>上传图片文件</title>

 </head>

 <?php

 if (isset($_FILES['imgfile'])

 && is_uploaded_file($_FILES['imgfile']['tmp_name']))

 {

  $imgFile = $_FILES['imgfile'];

 $upErr = $imgFile['error'];

 if ($upErr == 0)

 {

 $imgType = $imgFile['type']; //文件类型。

 /* 判断文件类型，这个例子里仅支持jpg和gif类型的图片文件。*/

 if ($imgType == 'image/jpeg'

 || $imgType == 'image/gif')

 {

 $imgFileName = $imgFile['name'];

 $imgSize = $imgFile['size'];

 $imgTmpFile = $imgFile['tmp_name'];

 /* 将文件从临时文件夹移到上传文件夹中。*/

 move_uploaded_file($imgTmpFile, 'upfile/'.$imgFileName);

 /*显示上传后的文件的信息。*/

 $strPrompt = sprintf("文件%s上传成功<br>"

 . "文件大小: %s字节<br>"

 . "<img src='upfile/%s'>"

 , $imgFileName, $imgSize, $imgFileName

 );

 echo $strPrompt;

 }

 else

 {

 echo "请选择jpg或gif文件，不支持其它类型的文件。";

 }

 }

 else

 {

 echo "文件上传失败。<br>";

 switch ($upErr)

 {

 case 1:

  echo "超过了php.ini中设置的上传文件大小。";

 break;

 case 2:

  echo "超过了MAX_FILE_SIZE选项指定的文件大小。";

 break;

 case 3:

  echo "文件只有部分被上传。";

 break;

 case 4:

  echo "文件未被上传。";

 break;

 case 5:

  echo "上传文件大小为0";

 break;

 }

 }

 }

 else

 {

 /*显示表单。*/

 ?>

 <body>

 <form action="" method="post" enctype="multipart/form-data" name="upload_form">

  <label>选择图片文件</label>

  <input name="imgfile" type="file" accept="image/gif, image/jpeg"/>

   <input name="upload" type="submit" value="上传" />

 </form>

 </body>

 <?php

 }

 ?>

 </html>

记录时间:2018年8月8日19:55:27

html+php上传图片文件到服务器的更多相关文章

  1. android上传文件到服务器

    package com.spring.sky.image.upload.network; import java.io.DataOutputStream; import java.io.File; i ...

  2. [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)

    通过表单Form提交来上传文件的方式这里就不说了: 下面介绍,通过js中使用ajax异步上传图片文件: 新建一个html页面和一个一般处理程序即可: 涉及思路: //发送2次Ajax请求完成js异步上 ...

  3. android -上传文件到服务器

    android上传文件到服务器       重点:最好是设置好content-type这些参数的配置!     package com.spring.sky.image.upload.network; ...

  4. kindeditor修改图片上传路径-使用webapi上传图片到图片服务器

    kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 在这里我着重介绍一些使用kindeditor修改图片上传路径并通过webapi上传图片到图片服务器的方案. 因为我使用的 ...

  5. kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  6. kindeditor扩展粘贴截图功能&修改图片上传路径并通过webapi上传图片到图片服务器

    前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功 ...

  7. qt5 上传图片到http服务器

    转载请注明出处:http://www.cnblogs.com/dachen408/p/8185060.html qt5 上传图片到http服务器,亲测可以用,qt5.8+vs2015,直接上码; 头文 ...

  8. 文件分发服务器 AWS CloudFront（CDN）使用入门-以S3为例 Lebal：Research

    引言 在互联网上随意右击一张图片,都可以发现复制图片地址这个选项,这说明他们都有自己的链接(直链),也就是说我们可以通过一个链接本身来访问图片.代码等文件,而不是打开一个网页再选择复制,这就和下载链接 ...

  9. FTP上传文件到服务器

    一.初始化上传控件. 1.我们这里用dropzone.js作为上传控件,下载地址http://www.dropzonejs.com/ 2.这里我们使用一个div元素作为dropzone载体. < ...

随机推荐

  1. ArcGIS 10.3编译旧版本Addin错误的解决办法

    ArcGIS10.2下VS2010的AddIn,在10.3下在VS2012下重新编译出现missing ESRI ArcGIS Add-in SDK错误,导致无法生成esriAddIn安装文件. 该问 ...

  2. GIS中的坐标系定义与转换

    GIS中的坐标系定义与转换 青岛海洋地质研究所 戴勤奋 2002-3-27 14:22:47 ----------------------------------------------------- ...

  3. SpringBoot-mvn插件

    在maven projects中有一组springboot的插件 六个选择: 0.build-info:Generate a build-info.properties file based the ...

  4. css 字体样式设置大全

    css样式大全(整理版)   字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 { ...

  5. js 中有关字符串的操作

    1. substring(start, end) 1). 包头不包尾 2). start 必需项 3). end 非必需项 4). start end 谁大谁小无所谓 5). start end 若为 ...

  6. nagios centos7 rpm打包

    wget https://github.com/NagiosEnterprises/nagioscore/releases/download/nagios-4.3.1/nagios-4.3.1.tar ...

  7. jQuery 资料

    jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") ...

  8. 利用Surfingkeys和tampermonkey效率操作网页

    tampermonkey可以实现网页载入后自动进行某些操作,适合有规律的操作,实现完全自动化. 而Surfingkeys可以实现用各种按键实现各种功能,功能全部用JavaScript写,自定义性更强.

  9. 3.GlusterFS 企业分布式存储的搭建

    3.1 硬件要求 一般选择 2U 机型,磁盘 SATA 盘 4TB,如果 IO 要求比较高,可以采购 SSD 固态硬盘.为了充分保证系统的稳定性和性能,要求所有 glusterfs 服务器硬件配置尽量 ...

  10. May 28th 2017 Week 22nd Sunday

    Behind every beautiful thing, there's some kind of pain. 美丽背后,必有某种努力. No pains, no gains. Maybe we n ...