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. SharePoint 2013 - Client Side Rendering

    1. Client side rendering 代码结构为: (function () { // Create object that have the context information ab ...

  2. Appcan开发之页面布局与CSS排版(转)

    在Appcan开发中,首先要进行的就是页面布局,然后在这个页面上填充数据,加上互动元素,最终构成完整的应用. 因为appcan是使用HTML5+CSS3+JavaScript技术来进行开发,所以与普通 ...

  3. 【Linux】chmod命令

    格式chmod 权限 要修改权限的文件linux中的权限如下: -rw------- (600) -- 只有属主有读写权限. -rw-r--r-- (644) -- 只有属主有读写权限:而属组用户和其 ...

  4. 【JS 综合】JS综合

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

  5. wxpython,wx.EVT_ENTER_WINDOW

    这个例子是鼠标移入,button的label显示“Over Me”,但是我运行没有显示求怎么回事

  6. XP无法访问SharePoint 2010的问题

    最近用户反馈XP系统的电脑无法访问SharePoint 2010系统,换成了火狐浏览器后可以正常访问,但是在上传附件时出现异常,支持人员给的解决方案是换操作系统,要换成win7. 但是因为工作原因,不 ...

  7. OpenGL中的数据——Buffer

    OpenGL中主要包括了两种数据——Buffer和Texture. Buffer用于储存线性数无类型据块,可以看成普通的内存块,而Texture则用于储存多维数据,一般储存图像或者其他数据. Buff ...

  8. KMP算法的工作流程介绍

    最近又想起了KMP算法,原来一直没搞明白工作原理,现在总算是开点窍了,推荐大家看这篇文章,写的很简单易懂 推荐理由:简单明了,是我看过介绍KMP算法流程的所有文章中,最易懂的一篇(这篇文章仅仅是介绍了 ...

  9. 阿里云上到底能运行SAP哪些产品?

    本文主要内容大部分来源于SAP已经发布的note:  2552731 - SAP Applications on Alibaba Cloud: Supported Products and IaaS ...

  10. C语言 scanf函数

    #include <stdio.h> void test1() { // 1.提示用户输入数据 printf("请输入一个整数:"); // 2.接收用户输入的数据 i ...