这两天用上传的控件，php+jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多api已经不是以前的api了。今天总结一下给大家，给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/！
简单举例一下使用然后我都加上注释给大家，方便大家阅读和使用下载官方的之后直接使用就OK了，当然你需要什么在直接修改就可以了！
代码如下:
<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>
Uploadify讲解由widuu提供
<script type="text/javascript"><br /> <?php $timestamp = time();?><br /> $(function() {<br /> $('#file_upload').uploadify({<br /> <br /> //上传文件时post的的数据<br /> 'formData' : {<br /> 'timestamp' : '<?php echo $timestamp;?>',<br /> 'token' : '<?php echo md5('unique_salt' . $timestamp);?>',<br /> 'id' : 1<br /> },<br /> 'swf' : '/uploadify/uploadify.swf',<br /> 'uploader' : 'http://localhost/uploadify/uploadify.php',<br /> 'onInit' : function(index){<br /> alert('队列ID:'+index.settings.queueID);<br /> },<br /> 'method' : 'post', //设置上传的方法get 和 post<br /> //'auto' : false, //是否自动上传 false关闭自动上传 true 选中文件后自动上传<br /> //'buttonClass' : 'myclass', //自定义按钮的样式<br /> //'buttonImage' : '按钮图片',<br /> 'buttonText' : '选择文件', //按钮显示的字迹<br /> //'fileObjName' : 'mytest' //后台接收的时候就是$_FILES['mytest'] <br /> 'checkExisting' : '/uploadify/check-exists.php', //检查文件是否已经存在 返回0或者1<br /> 'fileSizeLimit' : '100KB', //上传文件大小的限制<br /> 'fileTypeDesc' : '你需要一些文件',//可选择的文件的描述<br /> 'fileTypeExts' : '*.gif; *.jpg; *.png', //文件的允许上传的类型<br /> <br /> //上传的时候发生的事件<br /> 'onUploadStart' : function(file){<br /> alert('开始上传了'); },<br /> 'uploadLimit' : 5, //设置最大上传文件的数量<br /> /*<br /> 'onUploadComplete' : function(result){<br /> for (var i in result.post){<br /> alert(i+':::'+result[i]);<br /> }<br /> },<br /> */<br /> //文件上传成功的时候<br /> 'onUploadSuccess' : function(file, data, response) {<br /> alert(data);<br /> },<br /> //<br /> 'onUploadError' : function(file, errorCode, errorMsg, errorString) {<br /> alert(file.name + '上传失败原因:' + errorString); <br /> },<br /> 'itemTemplate' : '追加到每个上传节点的html',<br /> 'height' : 30, //设置高度 button<br /> 'width' : 30, //设置宽度<br /> 'onDisable' : function(){<br /> alert('您禁止上传');<br /> },<br /> 'onEnable' : function(){<br /> alert('您可以继续上传了');<br /> },<br /> //当文件选中的时候<br /> 'onSelect' : function(file){<br /> alert(file.name+"已经添加到队列");<br /> }<br /> });<br /> });<br /> <br /> //一些常用的事件<br /> //$('#file_upload').uploadify('upload','*'); //用javascript 上传的方法<br /> //$('#file_upload').uploadify('stop','*'); //用javascript 停止上传的方法<br /> //$('#file_upload').uploadify('disable','*'); //用javascript 禁止上传的方法<br /> //$('#file_upload').uploadify('settings','buttonText',"设置上传按钮"); //设置一些属性<br /> //更多的请到官方网站www.uploadify.com/documentation/看讲解谢谢<br /> </script>
/*
*检查文件是否存在的check-exists.php
*/
/*
$targetFolder = '/uploads';
if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
echo 1;
} else {
echo 0;
}
*/
?>
代码注释里都做了详细解释了，我这里就不多废话了，如果还是有疑问，那就联系我吧。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
