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去掉从word直接粘贴过来的没有用格式的函数
Oct 29 PHP
深入PHP数据加密详解
Jun 18 PHP
解析yii数据库的增删查改
Jun 20 PHP
限制ckeditor上传图片文件大小的方法
Nov 15 PHP
php 获取SWF动画截图示例代码
Feb 10 PHP
PHP实现递归无限级分类
Oct 22 PHP
PHP实现图片上传并压缩
Dec 22 PHP
php处理json格式数据经典案例总结
May 19 PHP
PHP怎样用正则抓取页面中的网址
Aug 09 PHP
PHP实现根据数组某个键值大小进行排序的方法
Mar 13 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
Jul 26 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
Aug 07 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之第一天
2006/10/09 PHP
一篇入门的php Class 文章
2007/04/04 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
jQuery 使用手册(三)
2009/09/23 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
jQuery实现按比例缩放图片的方法
2017/04/29 jQuery
jquery实现上传图片功能
2020/06/29 jQuery
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
在django中自定义字段Field详解
2019/12/03 Python
python学生信息管理系统实现代码
2019/12/17 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
小学中秋节活动方案
2014/02/06 职场文书
财务会计专业自荐书
2014/06/30 职场文书
工作检讨书怎么写
2014/10/10 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python