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. 【阿里云产品公测】PTS压力测试服务器性能

    作者:阿里云用户xsnjxjj 在PTS服务之前,经常使用webbench来对服务器进行压力测试,在看到阿里云PTS服务的介绍以后,深深的被PTS强大的功能所吸引     非常感谢阿里云团队给予的测试 ...

  2. 【Linux】IPC-消息队列

    问题 消息队列id 和键值KEY区别? 首先要注意一个概念:IPC结构都是内核的结构.也就是说IPC结构由内核维护,对于每个进程都是公共的,不属于某个特定进程.只有这样,IPC结构才能支持它们&quo ...

  3. VueJs - 世界地图（根据返回国家value值的大小来展示颜色的深浅分布）

    一.实现功能 1.画出世界各国的世界地图 2.根据返回name->国家全称.value->数量,渲染对比世界各国成功的国家,予以值域范围的高亮 3.滑入国家地图,出现tooltip框,提示 ...

  4. log4net 配置完成后发现不能输出日志的解决方法

    配置好log4net后发现日志不能输出,打开调试看一下几个属性都是false,(比如isdebugenable =false)这其实是项目的启动时候没有加入一行声明代码导致的,可以在程序的Assemb ...

  5. The Child and Zoo 题解

    题目描述 Of course our child likes walking in a zoo. The zoo has n areas, that are numbered from 1 to n. ...

  6. 2014-2015 ACM-ICPC East Central North America Regional Contest (ECNA 2014) A、Continued Fractions 【模拟连分数】

    任意门:http://codeforces.com/gym/100641/attachments Con + tin/(ued + Frac/tions) Time Limit: 3000/1000 ...

  7. 2018.12.20 Spring环境如何搭建

    Spring学习 1.导入spring约束 为后续创建xml文件做铺垫 2.开始搭建Spring环境 1.创建Web项目,引入spring的开发包(根据下面的图来引入) 2.引入jar包 coreCo ...

  8. 2018.10.14 MyBatis配置实现对用户的增删改查

    记得导入对应的Jar包 ant-1.9.6.jar ant-launcher-1.9.6.jar asm-5.2.jar cglib-3.2.5.jar commons-logging-1.2.jar ...

  9. 全局变量&局部变量&Static存储&Register变量

    1.局部变量 局部变量也称为内部变量.局部变量是在函数内作定义说明的.其作用域仅限于函数内:函数的形参就是局部变量: 2.全局变量 全局变量也称为外部变量,它是在函数外部定义的变量.全局变量的说明符为 ...

  10. Spring Boot应用的测试——Mockito

    Spring Boot应用的测试——Mockito Spring Boot可以和大部分流行的测试框架协同工作:通过Spring JUnit创建单元测试:生成测试数据初始化数据库用于测试:Spring ...