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计算当前程序执行时间示例
Apr 24 PHP
ThinkPHP表单自动验证实例
Oct 13 PHP
PHP GD库生成图像的几个函数总结
Nov 19 PHP
分享一段PHP制作的中文拼音首字母工具类
Dec 11 PHP
PHP7.0版本备注
Jul 23 PHP
Yii2.0高级框架数据库增删改查的一些操作
Nov 16 PHP
使用phpstorm和xdebug实现远程调试的方法
Dec 29 PHP
PHP生成各种常见验证码和Ajax验证过程
Jan 10 PHP
php类的自动加载操作实例详解
Sep 28 PHP
PHP对象链式操作实现原理分析
Oct 09 PHP
PHP实践教程之过滤、验证、转义与密码详解
Jul 24 PHP
laravel批量生成假数据的方法
Oct 09 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHP数组交集的优化代码分析
2011/03/06 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
PHP中is_file()函数使用指南
2015/05/08 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
php 函数使用可变数量的参数方法
2017/05/02 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
2020/03/18 PHP
Javascript图像处理思路及实现代码
2012/12/25 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
将json转换成struts参数的方法
2016/11/08 Javascript
jQuery validate 验证radio实例
2017/03/01 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
python生成excel的实例代码
2017/11/08 Python
python使用turtle库绘制树
2018/06/25 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
python软件都是免费的吗
2020/06/18 Python
Python通过len函数返回对象长度
2020/10/22 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
开学典礼感言
2014/02/16 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
反腐倡廉警示教育活动总结
2014/05/05 职场文书
社团活动总结模板
2014/06/30 职场文书
慰问信格式
2015/02/14 职场文书
生死牛玉儒观后感
2015/06/11 职场文书
保护环境的宣传语
2015/07/13 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书