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 相关文章推荐
PHP中的类-什么叫类
Nov 20 PHP
PHP中的array数组类型分析说明
Jul 27 PHP
PHP版国家代码、缩写查询函数代码
Aug 14 PHP
PHP验证信用卡卡号是否正确函数
May 27 PHP
PHP实现清除wordpress里恶意代码
Oct 21 PHP
PHP使用PDO操作数据库的乱码问题解决方法
Apr 08 PHP
PHP在线打包下载功能示例
Oct 15 PHP
php微信公众号开发模式详解
Nov 28 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
Dec 24 PHP
PHP中include和require的区别实例分析
May 07 PHP
PHP针对redis常用操作实例详解
Aug 17 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
Dec 20 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
javascript+xml技术实现分页浏览
2008/07/27 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
在javaScript中关于submit和button的区别介绍
2013/10/20 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
js+jquery常用知识点汇总
2015/03/03 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
jQuery实现鼠标移入移出事件切换功能示例
2018/09/06 jQuery
vue中使用input[type=&quot;file&quot;]实现文件上传功能
2018/09/10 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
python开发之for循环操作实例详解
2015/11/12 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
django中send_mail功能实现详解
2018/02/06 Python
pandas Dataframe行列读取的实例
2018/06/08 Python
实现Python与STM32通信方式
2019/12/18 Python
pytorch数据预处理错误的解决
2020/02/20 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
倩碧英国官网:Clinique英国
2018/08/10 全球购物
历史系毕业生自荐信
2013/10/28 职场文书
初中作文评语大全
2014/04/23 职场文书
公司活动总结怎么写
2014/06/25 职场文书
嘉宾邀请函
2015/01/31 职场文书
高考学习决心书
2015/02/04 职场文书
朋友圈早安励志语录!
2019/07/08 职场文书
解析:创业计划书和商业计划书二者之间到底有什么区别
2019/08/14 职场文书