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. linux 中环境变量配置文件说明

    1. 修改/etc/profile文件 特点:所有用户的shell都有权使用你配置好的环境变量 说明:如果你的电脑仅用作开发,建议使用此配置,因为所有用户的shell都有权使用你配置好的环境变量,所以 ...

  2. 【JS 综合】JS综合

    视频教程链接:http://www.xuexi111.com/s/javascript/ 张孝祥:http://www.21edu8.com/pcnet/programming/26685/

  3. CNN 和RNN 中input 长度不一致问题

    转自:https://www.jianshu.com/p/86d667ee3c62,感谢分享! pad_sequences & Masking layer 上面提到,文本数据也可以用CNN来处 ...

  4. HCNA配置手工负载分担模式链路聚合

    一.配置手工负载分担模式链路聚合 链路聚合(Link Aggregation)是将—组物理接口捆绑在一起作为一个逻辑接口来增加带宽的一种方法,又称为多接口负载均衡组(Load Sharing Grou ...

  5. SpringMvc-reset风格

    reset风格就是不用加?或者&等等符号直接通过地址栏向后台发送数据的方法 rest风格是实现 1.需要在web.xml中配置一个filter <filter> <filte ...

  6. 给Sublime text 3增加选中当前单词快捷键

    1.录制一份macro caret on a word –> ctrl+left –> ctrl+shift+right 2.将录制好的macro保存为select_current_wor ...

  7. bzoj4999 This Problem Is Too Simple！

    Description 给您一颗树,每个节点有个初始值. 现在支持以下两种操作: 1. C i x(0<=x<2^31) 表示将i节点的值改为x. 2. Q i j x(0<=x&l ...

  8. Python map/reduce/filter/sorted函数以及匿名函数

    1. map() 函数的功能: map(f, [x1,x2,x3]) = [f(x1), f(x2), f(x3)] def f(x): return x*x a = map(f, [1, 2, 3, ...

  9. bzoj 2434 [Noi2011]阿狸的打字机——AC自动机

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2434 dfs AC自动机,走过的点权值+1,回溯的时候权值-1:走到询问的 y 串的节点,看 ...

  10. 2016 ACM/ICPC亚洲区大连站-重现赛 解题报告

    任意门:http://acm.hdu.edu.cn/showproblem.php?pid=5979 按AC顺序: I - Convex Time limit    1000 ms Memory li ...