两种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 相关文章推荐
PHP5 面向对象程序设计
Feb 13 PHP
php下防止单引号,双引号在接受页面转义的设置方法
Sep 25 PHP
php中设置index.php文件为只读的方法
Feb 06 PHP
php ctype函数中文翻译和示例
Mar 21 PHP
不使用php api函数实现数组的交换排序示例
Apr 13 PHP
WordPress开发中的get_post_custom()函数使用解析
Jan 04 PHP
CI(CodeIgniter)模型用法实例分析
Jan 20 PHP
CodeIgniter多语言实现方法详解
Jan 20 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
Jul 14 PHP
thinkphp多表查询两表有重复相同字段的完美解决方法
Sep 22 PHP
浅谈PHP安全防护之Web攻击
Jan 03 PHP
php实现小程序支付完整版
Oct 09 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
Yii实现简单分页的方法
2016/04/29 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
php合并数组并保留键值的实现方法
2018/03/12 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
node.js中的fs.closeSync方法使用说明
2014/12/17 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
2015/08/06 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
2015/09/04 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
2016/08/17 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
vue实现标签云效果的方法详解
2019/08/28 Javascript
原生JavaScript实现留言板
2021/01/10 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
pycharm 配置远程解释器的方法
2018/10/28 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
网络工程师的自我评价
2013/10/02 职场文书
大四本科生的自我评价
2013/12/30 职场文书
高一家长会邀请函
2014/01/12 职场文书
三八节主持词
2014/03/17 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python