uploadify3.2 多图上传/参数详解及实例文件
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
- 2016-06-07 11:39:45963瀏覽
uploadify3.2 多图上传 缩略图上传 实例源文件
$(function() {<br>
$('#IFY-list').uploadify({<br>
'formData' : {<br>
'timestamp' : '<?php echo $timestamp;?>',<br>
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'<br>
},<br>
<br>
//'checkExisting':'style/uploadify/check-exists.php',//检查重复性<br>
'swf' : 'uploadify.swf',//swf文件路径<br>
'uploader' : 'uploadify.php',//服务器端脚本文件路径<br>
<br>
'fileObjName': 'Filedata',//上传附件$_FILE标识<br>
'fileSizeLimit': '5MB',//上传附件大小,0不限制,5120B/512KB/2MB/1GB<br>
'fileTypeDesc': '支持的格式：*.jpg;*.jpge;*.gif;*.png',<br>
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',//上传附件后缀限制,*.*不限制<br>
<br>
'auto':true, //开启,自动上传<br>
'multi' : true, //开启,多选文件<br>
'uploadLimit' : 0, //允许上传文件个数<br>
<br>
//'buttonClass':'btn tcenter',<br>
'buttonText':'附件上传',<br>
//'buttonImage':'',<br>
'width':'120',<br>
'height':'24',<br>
'buttonCursor':'hand',<br>
<br>
//'debug' : true,//开启调试模式<br>
<br>
'queueID':'IFY-list-queue',//上传队列容器<br>
'queueSizeLimit':10,//上传队列长度<br>
//'progressData':'speed',//上传进度条样式<br>
'removeCompleted': false ,//上传完成移除<br>
//'removeTimeout': 0,//移除的延迟时间<br>
'itemTemplate':'<div>\<br>
<a>删除</a>\<br>
<p></p>\<br>
<p>${fileName}</p>\<br>
</div>',<br>
<br>
'overrideEvents': ['onUploadSuccess'],//可以被用户自定义事件覆盖<br>
'preventCaching':true,//后缀加随机数,防止缓存<br>
'requeueErrors':true,//上传出现错误后,重新加入队列<br>
'successTimeout':30,//等待服务器响应时间,超过30秒认为上传完成<br>
<br>
//没有兼容的FLASH时触发<br>
'onFallback':function(){<br>
alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");<br>
},<br>
'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {<br>
console.log(file);<br>
//有时候上传进度什么想自己个性化控制，可以利用这个方法<br>
//使用方法见官方说明<br>
},<br>
选择上传文件后调用<br>
'onSelect' : function(file) {},<br>
'onSelectError':function(file, errorCode, errorMsg){<br>
switch(errorCode) {<br>
case -100:<br>
alert("上传的文件数量已经超出系统限制的"+$('#IFY_one').uploadify('settings','queueSizeLimit')+"个文件！");<br>
break;<br>
case -110:<br>
alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#IFY_one').uploadify('settings','fileSizeLimit')+"大小！");<br>
break;<br>
case -120:<br>
alert("文件 ["+file.name+"] 大小异常！");<br>
break;<br>
case -130:<br>
alert("文件 ["+file.name+"] 类型不正确！");<br>
break;<br>
}<br>
},<br>
<br>
//上传文件成功后触发（每一个文件都触发一次）<br>
'onUploadSuccess': function (file, data, response) {<br>
var img='<img src="/static/imghwm/default1.png" data-src="'+data+'" class="lazy" alt="uploadify3.2 多图上传/参数详解及实例文件" ><input>';<br>
$('#' + file.id).find('.data').html(img);<br>
console.log(file);<br>
console.log(data);<br>
console.log(response);<br>
},<br>
});<br>
});中文手册地址:http://slabs.sinaapp.com/uploadifydoc/
内置wei-reset CSS重置样式 有时间可以详细看下 谢谢
BY:悠悠山雨
uploadify.zip
( 112.26 KB 下载：547 次 )
AD：真正免费，域名+虚机+企业邮箱=0元