两种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 相关文章推荐
一个更简单的无限级分类菜单代码
Jan 16 PHP
比较简单实用的PHP无限分类源码分享(思路不错)
Oct 13 PHP
防止本地用户用fsockopen DDOS攻击对策
Nov 02 PHP
php页面跳转代码 输入网址跳转到你定义的页面
Mar 28 PHP
JS异常处理try..catch语句的作用和实例
May 05 PHP
php返回json数据函数实例
Oct 09 PHP
php约瑟夫问题解决关于处死犯人的算法
Mar 23 PHP
功能强大的php分页函数
Jul 20 PHP
PHP对象链式操作实现原理分析
Oct 09 PHP
详解PHP用substr函数截取字符串中的某部分
Dec 03 PHP
Laravel中unique和exists验证规则的优化详解
Jan 28 PHP
掌握PHP垃圾回收机制详解
Mar 13 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防注入及开发安全详细解析
2013/08/09 PHP
PHP中的替代语法介绍
2015/01/09 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
Json对象与Json字符串互转(4种转换方式)
2013/03/27 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
使用Node.js实现HTTP 206内容分片的教程
2015/06/23 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
vue实现移动端返回顶部
2020/10/12 Javascript
python 中文字符串的处理实现代码
2009/10/25 Python
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
python调试神器PySnooper的使用
2019/07/03 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
python保存log日志,实现用log日志画图
2019/12/24 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
python 监控logcat关键字功能
2020/09/04 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
红色连衣裙精品店:Red Dress Boutique
2018/08/11 全球购物
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
安全施工责任书
2014/08/25 职场文书
胡桃夹子观后感
2015/06/11 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers