php+jQuery.uploadify实现文件上传教程
2015-01-24信息快讯网
这篇文章主要介绍了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>
代码注释里都做了详细解释了,我这里就不多废话了,如果还是有疑问,那就联系我吧。
ucenter通信原理分析
php计划任务之ignore_user_abort函数实现方法
WampServer下安装多个版本的PHP、mysql、apache图文教程
PHP和Shell实现检查SAMBA与NFS Server是否存在
PHP中使用SimpleXML检查XML文件结构实例
phpQuery让php处理html代码像jQuery一样方便
phplot生成图片类用法详解
ioncube_loader_win_5.2.dll的错误解决方法
php模仿asp Application对象在线人数统计实现方法
PHP中使用xmlreader读取xml数据示例
解决phpcms更换javascript的幻灯片代码调用图片问题
php实现mysql备份恢复分卷处理的方法
php中heredoc与nowdoc介绍
php使用sql server验证连接数据库的方法
php使用pdo连接mssql server数据库实例
PHP+jquery+ajax实现即时聊天功能实例
腾讯微博提示missing parameter errorcode 102 错误的解决方法
php运行提示:Fatal error Allowed memory size内存不足的解决方法
phpmyadmin提示The mbstring extension is missing的解决方法
PHP使用glob函数遍历目录或文件夹的方法
PHP使用header()输出图片缓存实例
php中adodbzip类实例
彻底删除thinkphp3.1案例blog标签的方法
PHP使用get_headers函数判断远程文件是否存在的方法
PHP中SimpleXML函数用法分析
ThinkPHP模板输出display用法分析
Yii入门教程之Yii安装及hello world
浅析php适配器模式(Adapter)
php使用str_replace实现输入框回车替换br的方法
PHP中substr()与explode()函数用法分析
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法