uploadify3.2 多图上传/参数详解及实例文件

uploadify3.2 多图上传 缩略图上传 实例源文件
$(function() {<br>     $('#IFY-list').uploadify({<br>         'formData'     : {<br>             'timestamp' : '<?php echo $timestamp;?>',<br>             'token'     : '<?php echo md5(&#039;unique_salt&#039; . $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> <div class="aritcle_card"> <a class="aritcle_card_img" href="/xiazai/code/9272"> <img src="https://img.php.cn/upload/webcode/000/000/002/175852080266320.jpg" alt="极品模板多语言企业网站管理系统1.2.2"> </a> <div class="aritcle_card_info"> <a href="/xiazai/code/9272">极品模板多语言企业网站管理系统1.2.2</a> <p>【极品模板】出品的一款功能强大、安全性高、调用简单、扩展灵活的响应式多语言企业网站管理系统。 产品主要功能如下： 01、支持多语言扩展（独立内容表，可一键复制中文版数据） 02、支持一键修改后台路径； 03、杜绝常见弱口令，内置多种参数过滤、有效防范常见XSS； 04、支持文件分片上传功能，实现大文件轻松上传； 05、支持一键获取微信公众号文章（保存文章的图片到本地服务器）； 06、支持一键</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="极品模板多语言企业网站管理系统1.2.2"> <span>0</span> </div> </div> <a href="/xiazai/code/9272" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="极品模板多语言企业网站管理系统1.2.2"> </a> </div> \<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 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元