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


Posted in PHP onDecember 26, 2014

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

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

简单举例一下使用然后我都加上注释给大家,方便大家阅读和使用下载官方的之后直接使用就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>

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

PHP 相关文章推荐
Windows下的PHP5.0安装配制详解
Sep 05 PHP
基于PHP生成静态页的实现方法
May 10 PHP
PHP冒泡算法详解(递归实现)
Nov 10 PHP
php设置静态内容缓存时间的方法
Dec 01 PHP
php实现TCP端口检测的方法
Apr 01 PHP
PHP构造函数与析构函数用法示例
Sep 28 PHP
php cookie 详解使用实例
Nov 03 PHP
微信自定义分享php代码分析
Nov 24 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
Feb 23 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
Aug 30 PHP
PHP7扩展开发之hello word实现方法详解
Jan 15 PHP
php使用fputcsv实现大数据的导出操作详解
Feb 27 PHP
php实现mysql备份恢复分卷处理的方法
Dec 26 #PHP
为PHP5.4开启Zend OPCode缓存
Dec 26 #PHP
Yii中使用PHPExcel导出Excel的方法
Dec 26 #PHP
PHP中mysqli_affected_rows作用行数返回值分析
Dec 26 #PHP
PHP使用memcache缓存技术提高响应速度的方法
Dec 26 #PHP
PHP调用MySQL存储过程并返回值的方法
Dec 26 #PHP
php+ajax实时输入自动搜索匹配的方法
Dec 26 #PHP
You might like
PHP项目开发中最常用的自定义函数整理
2010/12/02 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
利用Laravel事件系统如何实现登录日志的记录详解
2017/05/20 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python中模块查找的原理与方法详解
2017/08/11 Python
Python设计模式之MVC模式简单示例
2018/01/10 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
python 字符串常用方法汇总详解
2019/09/16 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
百度吧主申请感言
2014/01/12 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
水毁工程实施方案
2014/04/01 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
国庆节主题班会
2015/08/15 职场文书
机关单位2016年法制宣传日活动总结
2016/04/01 职场文书
Golang流模式之grpc的四种数据流
2022/04/13 Golang
了解MySQL查询语句执行过程(5大组件)
2022/08/14 MySQL