两种php实现图片上传的方法


Posted in PHP onJanuary 22, 2016

图片上传在项目中经常用到,几乎没有任何一个项目可以脱离图片或者是文件上传。本篇我在这向大家介绍两种常规的上传方式。(注:在这里我们仅仅是对功能的实现,不去做过多的前端的样式)
一、利用form表单上传
此种方式是最原始的上传方式,前端就是简单的form表单,后端我们有PHP处理传输过来的文件。
首先看前端的代码 upload.html

<form action="handle.php" name="form" method="post" enctype="multipart/form-data">
  <input type="file" name="file" />
  <input type="submit" name="submit" value="上传" />
</form>

然后新建php文件 handle.php 代码如下

$file = $_FILES['file'];//得到传输的数据
//得到文件名称
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件类型,并且都转化成小写
$allow_type = array('jpg','jpeg','gif','png'); //定义允许上传的类型
//判断文件类型是否被允许上传
if(!in_array($type, $allow_type)){
  //如果不被允许,则直接停止程序运行
  return ;
}
//判断是否是通过HTTP POST上传的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通过HTTP POST上传的
  return ;
}
$upload_path = "D:/now/"; //上传文件的存放路径
//开始移动文件到相应的文件夹
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

当然,此php处理代码不是很完善,其中对错误的情况没有进行处理,然而使用php处理上传文件的原理就是这样的,大家可以在此基础上进行优化,使其更加完善。
二、利用uploadify实现无刷新并且带进度条的上传
首先下载uploadify插件,保存在项目中的某个文件夹下面,然后引入三个文件

<link href="js/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/uploadify/jquery.min.1.7.js"></script>
<script type="text/javascript" src=js/uploadify/jquery.uploadify.min.js"></script>

然后引用以下代码

<script type="text/javascript">
    $(function(){
      $(".uploadbutton").each(function(){
       
        bidtype="上传";
        $(this).uploadify({
          swf: 'js/uploadify/uploadify.swf',
          uploader: "handle.php",  //处理上传的php文件或者方法
          multi: true,  //是否开启一次性上传多个文件
          queueSizeLimit:20,  //最大允许上传的文件数量
          buttonText: bidtype,        //按钮文字
          height: 34,               //按钮高度
          width: 82,               //按钮宽度
          auto:false,  //选择完图片以后是否自动上传
          method:'post',
          fileTypeExts: "*.jpg;*.png;*.gif;*.jpeg;",      //允许的文件类型
          fileTypeDesc: "请选择图片文件",      //文件说明
          postData:{},
          formData: { "imgType": "normal","timestamp":"asdfsa","token":"48f262516b3912a060d21ef6af564668" }, //提交给服务器端的参数
          onUploadSuccess: function (file, data, response) {  //一个文件上传成功后的响应事件处理
            var data = $.parseJSON(data);
          }
        });
      })
    });
  </script>
<body>
  <span id="commercial_upload" class="uploadbutton"></span>
</body>

样式如下

两种php实现图片上传的方法

当然此按钮的样式我改动过,大家可以根据自己的需要修改样式文件,改变此按钮的样式
同样的php代码 handle.php

$file = $_FILES['Filedata'];//得到传输的数据
//得到文件名称
$name = $file['name'];
$type = strtolower(substr($name,strrpos($name,'.')+1)); //得到文件类型,并且都转化成小写
$allow_type = array('jpg','jpeg','gif','png'); //定义允许上传的类型
//判断文件类型是否被允许上传
if(!in_array($type, $allow_type)){
  //如果不被允许,则直接停止程序运行
  return ;
}
//判断是否是通过HTTP POST上传的
if(!is_uploaded_file($file['tmp_name'])){
  //如果不是通过HTTP POST上传的
  return ;
}
$upload_path = "D:/now/"; //上传文件的存放路径
//开始移动文件到相应的文件夹
if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){
  echo "Successfully!";
}else{
  echo "Failed!";
}

以上两种方式上传可以说PHP处理的原理是相同的,只是前台显示的样式不同,第二种方式是无刷新,并且带有返回值,可以方便我们做其它的处理。虽然常用,但是总归会受限制,使用起来不是很灵活。
随着html5的发展的越来越成熟,我们可以利用h5中的一些方法实现上传功能,此时后台PHP的处理代码完全不同于以上两种方式,并且使用起来很灵活。由于篇幅限制,本篇我不向大家介绍这种方式,有兴趣的可以参考php+html5实现无刷新图片上传教程,希望大家会喜欢。

PHP 相关文章推荐
php在线生成ico文件的代码
Oct 09 PHP
FCKeditor添加自定义按钮
Mar 27 PHP
php disk_free_space 返回目录可用空间
May 10 PHP
hessian 在PHP中的使用介绍
Dec 13 PHP
让PHP COOKIE立即生效,不用刷新就可以使用
Mar 09 PHP
PHP图片上传代码
Nov 04 PHP
Php连接及读取和写入mysql数据库的常用代码
Aug 11 PHP
如何利用http协议发布博客园博文评论
Aug 03 PHP
PHP list() 将数组中的值赋给变量的简单实例
Jun 13 PHP
php和html的区别点详细总结
Sep 24 PHP
thinkPHP+LayUI 流加载实现功能
Sep 27 PHP
PHP中关于php.ini参数优化详解
Feb 28 PHP
php+html5实现无刷新图片上传教程
Jan 22 #PHP
PHP中的随机性 你觉得自己幸运吗?
Jan 22 #PHP
PHP中的session安全吗?
Jan 22 #PHP
PHP下载远程图片并保存到本地方法总结
Jan 22 #PHP
PHP连接MYSQL数据库实例代码
Jan 20 #PHP
CodeIgniter配置之autoload.php自动加载用法分析
Jan 20 #PHP
Twig模板引擎用法入门教程
Jan 20 #PHP
You might like
PHP form 表单传参明细研究
2009/07/17 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
PHP字符串和十六进制如何实现互相转换
2020/07/16 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
Node.js使用Koa搭建 基础项目
2018/01/08 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
JavaScript实现小球沿正弦曲线运动
2020/09/07 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
[02:28]DOTA2亚洲邀请赛 LGD战队巡礼
2015/02/03 DOTA
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
django连接oracle时setting 配置方法
2019/08/29 Python
django实现日志按日期分割
2020/05/21 Python
python 实现波浪滤镜特效
2020/12/02 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
init进程的作用
2015/08/20 面试题
九年级英语教学反思
2014/01/31 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
律师催款函范文
2015/06/24 职场文书
2015新教师教学工作总结
2015/07/22 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python
python turtle绘图命令及案例
2021/11/23 Python