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元

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

SublimeText3漢化版
中文版,非常好用

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具