search
Homephp教程php手册uploadify3.2 多图上传/参数详解及实例文件

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>\<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元

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools