php+jQuery.uploadify实现文件上传教程

 更新时间:2014年12月26日 15:26:54   转载 投稿:hebedich  
这篇文章主要介绍了php+jQuery.uploadify实现文件上传教程,需要的朋友可以参考下

这两天用上传的控件,PHP+Jquery今天先介绍这个uploadify,嗯,我今天下载因为我英文不是很好所以我就在网上找的使用教程,我发现好多用不了,我那个去,你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家,给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/

简单举例一下使用然后我都加上注释给大家,方便大家阅读和使用下载官方的之后直接使用就OK了,当然你需要什么在直接修改就可以了!

复制代码 代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFy讲解</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<style type="text/css">
body {
 font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>
<body>
 <h1>Uploadify讲解由widuu提供</h1>
 <form>
  <div id="queue"></div>
  <input id="file_upload" name="file_upload" type="file" multiple="true">
 </form>
 <script type="text/javascript">
  <?php $timestamp = time();?>
  $(function() {
   $('#file_upload').uploadify({
    
    //上传文件时post的的数据
    'formData'     : {
     'timestamp' : '<?php echo $timestamp;?>',
     'token'     : '<?php echo md5('unique_salt' . $timestamp);?>',
     'id'  : 1
    },
    'swf'      : '/uploadify/uploadify.swf',
    'uploader' : 'http://localhost/uploadify/uploadify.php',
    'onInit'   : function(index){
     alert('队列ID:'+index.settings.queueID);
    },
    'method'   : 'post', //设置上传的方法get 和 post
    //'auto'    : false, //是否自动上传 false关闭自动上传 true 选中文件后自动上传
    //'buttonClass' : 'myclass', //自定义按钮的样式
    //'buttonImage' : '按钮图片',
    'buttonText'  : '选择文件', //按钮显示的字迹
    //'fileObjName' : 'mytest'  //后台接收的时候就是$_FILES['mytest']
    'checkExisting' : '/uploadify/check-exists.php', //检查文件是否已经存在 返回0或者1
    'fileSizeLimit' : '100KB', //上传文件大小的限制
    'fileTypeDesc'  : '你需要一些文件',//可选择的文件的描述
    'fileTypeExts'  : '*.gif; *.jpg; *.png', //文件的允许上传的类型
    
    //上传的时候发生的事件
    'onUploadStart' : function(file){
      alert('开始上传了');       },
    'uploadLimit'   : 5, //设置最大上传文件的数量
    /*
    'onUploadComplete' : function(result){
        for (var i in result.post){
         alert(i+':::'+result[i]);
        }
       },
    */
    //文件上传成功的时候
    'onUploadSuccess' : function(file, data, response) {
     alert(data);
     },
     //
       'onUploadError' : function(file, errorCode, errorMsg, errorString) {
     alert(file.name + '上传失败原因:' + errorString);
     },
     'itemTemplate' : '追加到每个上传节点的html',
     'height'  : 30, //设置高度 button
     'width'  : 30, //设置宽度
     'onDisable' : function(){
      alert('您禁止上传');
     },
     'onEnable'  : function(){
      alert('您可以继续上传了');
     },
     //当文件选中的时候
     'onSelect'  : function(file){
      alert(file.name+"已经添加到队列");
     }
   });
  });
  
 //一些常用的事件
 //$('#file_upload').uploadify('upload','*');    //用javascript 上传的方法
 //$('#file_upload').uploadify('stop','*');      //用javascript 停止上传的方法
 //$('#file_upload').uploadify('disable','*');   //用javascript 禁止上传的方法
 //$('#file_upload').uploadify('settings','buttonText',"设置上传按钮");   //设置一些属性
 //更多的请到官方网站www.uploadify.com/documentation/看讲解谢谢
 </script>
<?php
/*
 *检查文件是否存在的check-exists.php
 */
/*
$targetFolder = '/uploads';
if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
 echo 1;
} else {
 echo 0;
}
*/
?>
</body>
</html>

代码注释里都做了详细解释了,我这里就不多废话了,如果还是有疑问,那就联系我吧。

相关文章

  • Yii的CDbCriteria查询条件用法实例

    Yii的CDbCriteria查询条件用法实例

    这篇文章主要介绍了Yii的CDbCriteria查询条件用法,实例总结了CDbCriteria查询条件的常见用法,对于使用Yii进行数据库程序设计具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 在Ubuntu 14.04上部署 PHP 环境及 WordPress

    在Ubuntu 14.04上部署 PHP 环境及 WordPress

    Ubuntu确实很好玩。有喜欢的命令行,简洁的界面,不同于Window要的感觉。偶尔换换环境工作,学习Linux的思维方式,是一种不错的做法。之前也折腾过Ubuntu,想在Linux下学习某些开发(主要还是和代码打交道),Ubuntu当然是最好不过的选择,并且刚发布了14.04版本
    2014-09-09
  • thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json完整实例

    thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返

    这篇文章主要介绍了thinkphp5 + ajax 使用formdata提交数据(包括文件上传) 后台返回json操作,结合实例形式分析了thinkphp5 + ajax 使用formdata提交数据、文件上传与后台返回json遇到的相关问题即解决方法,需要的朋友可以参考下
    2020-03-03
  • ThinkPHP5.0框架控制器继承基类和自定义类示例

    ThinkPHP5.0框架控制器继承基类和自定义类示例

    这篇文章主要介绍了ThinkPHP5.0框架控制器继承基类和自定义类,结合实例形式分析了thinkPHP5.0控制器基类与继承类相关定义与使用技巧,需要的朋友可以参考下
    2018-05-05
  • PHP的MVC模式实现原理分析(一相简单的MVC框架范例)

    PHP的MVC模式实现原理分析(一相简单的MVC框架范例)

    PHP的mvc框架很多,像Yii,CodeIgniter,ThinkPHP等现在流行的框架,利用MVC模式进行web页面的开发,我们可以非常方便的编写web程序
    2014-04-04
  • PHP会话控制:Session与Cookie详解

    PHP会话控制:Session与Cookie详解

    这篇文章主要介绍了PHP会话控制:Session与Cookie详解,本文详细讲解了PHP中Session与Cookie的相关知识,涵盖面较广,需要的朋友可以参考下
    2014-09-09
  • thinkPHP框架实现图像裁剪、缩放、加水印的方法

    thinkPHP框架实现图像裁剪、缩放、加水印的方法

    这篇文章主要介绍了thinkPHP框架实现图像裁剪、缩放、加水印的方法,结合实例形式给出了thinkPHP针对图片进行裁剪、缩放及加水印的自定义函数,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • php发送邮件的问题详解

    php发送邮件的问题详解

    这篇文章主要介绍了php发送邮件的问题详解的相关资料,需要的朋友可以参考下
    2015-06-06
  • Laravel框架自定义验证过程实例分析

    Laravel框架自定义验证过程实例分析

    这篇文章主要介绍了Laravel框架自定义验证过程,结合实例形式分析了Laravel框架自定义验证的相关原理、路由、模型等操作技巧,需要的朋友可以参考下
    2019-02-02
  • PHP 数组基本操作方法详解

    PHP 数组基本操作方法详解

    下面小编就为大家带来一篇PHP 数组基本操作方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论