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. ViewPager应用引导界面

    如图设置的一种引导页的开启这个引用时先将图片进行一个动画当动画结束时进入到了引导页面 下面的小图片 当点击的时候ViewPager消失 再点击时ViewPager在显示出来 先看开启界面  上面的动画 ...

  2. ArcGIS Enterprise 10.5.1 静默安装部署记录（Centos 7.2 minimal）- 6、总结

    安装小结 安装完成后,首先我们需要将Datastore托管给Server,再将Server托管给Portal以此来完成整个单机版Enterprise 部署流程.为了测试流程是否正确,我们可以采用上传一 ...

  3. WebSettings 最全属性说明

    setAllowContentAccess (boolean allow) 是否允许在WebView中访问内容URL(Content Url),默认允许.内容Url访问允许WebView从安装在系统中 ...

  4. wx.grid 简单例子

    import wx, wx.grid class GridData(wx.grid.PyGridTableBase): _cols = "a b c".split() _data ...

  5. python 多线程效果演示

    多线程演示 不使用多线程的情况 import threading import time def run(n): print("task ",n) time.sleep(2) ru ...

  6. 管理uWSGI服务器

    管理uWSGI服务器 官网参考 如果您正在管理多个应用程序或高容量站点,请查看 uwsgi皇帝-多应用程序部署 虫族模式 UWSGI订阅式服务器 启动uwsgi服务器 以系统管理员身份启动 uwsgi ...

  7. 使用canvas来绘制折线图

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. jscode属性排序

    根据data中的value 对geCoorMap 进行排序,暂定降序排序. var data = [{name:"name1",value:29},{name:"name ...

  9. Vue项目中引入ElementUI

    前提:创建好的vue项目. 1.安装ElementUI 转到项目根目录,输入命令:#cnpm install element-ui --save-dev 2.在 main.js 引入并注册 impor ...

  10. Python——追加学习笔记(二)

    文件处理 # 文件内移动 seek()方法可以在文件中移动文件指针到不同的位置,offset字节代表相对于某个位置偏移量,默认为0,代表从文件开头算起,1代表从当前位置算起,2代表从文件末尾算起. s ...