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 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
