jQuery上传插件Uploadify 3.2使用
来源:互联网 发布:货币网络个人基金产品 编辑:程序博客网 时间:2024/05/20 10:20
下载下来解压后估计里面很多文件,其实有用的也就一个jquery.uploadify.js和uploadify.swf这两个文件。当然啦,jQuery库那是必须的。在你使用的项目中,把jquery.uploadify.js引入以后,用法和大多数JQ插件一样。同时也要记得引入swfobject.js这个插件,版本2.2以上的。使用方法例如:$(function() { $("#file_upload_1").uploadify({ height : 30, swf : '/uploadify/uploadify.swf', uploader : '/uploadify/uploadify.php', width : 120 });});file_upload_1其实也就是一个容器ID,比如,上面的只是简单的事例,下面我就把我在项目中做的发出来,每个都有解释:$(document).ready(function() { $("#file_upload").uploadify({ //开启调试 'debug' : false, //是否自动上传 'auto':false, //超时时间 'successTimeout':99999, //附带值 'formData':{ 'userid':'用户id', 'username':'用户名', 'rnd':'加密密文' }, //flash 'swf': "uploadify.swf", //不执行默认的onSelect事件 'overrideEvents' : ['onDialogClose'], //文件选择后的容器ID 'queueID':'uploadfileQueue', //服务器端脚本使用的文件对象的名称 $_FILES个['upload'] 'fileObjName':'upload', //上传处理程序 'uploader':'imageUpload.php', //浏览按钮的背景图片路径 'buttonImage':'upbutton.gif', //浏览按钮的宽度 'width':'100', //浏览按钮的高度 'height':'32', //expressInstall.swf文件的路径。 'expressInstall':'expressInstall.swf', //在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc':'支持的格式:', //允许上传的文件后缀 'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png', //上传文件的大小限制 'fileSizeLimit':'3MB', //上传数量 'queueSizeLimit' : 25, //每次更新上载的文件的进展 'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) { //有时候上传进度什么想自己个性化控制,可以利用这个方法 //使用方法见官方说明 }, //选择上传文件后调用 'onSelect' : function(file) { }, //返回一个错误,选择文件的时候触发 'onSelectError':function(file, errorCode, errorMsg){ switch(errorCode) { case -100: alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!"); break; case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!"); break; case -120: alert("文件 ["+file.name+"] 大小异常!"); break; case -130: alert("文件 ["+file.name+"] 类型不正确!"); break; } }, //检测FLASH失败调用 'onFallback':function(){ alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, //上传到服务器,服务器返回相应信息到data里 'onUploadSuccess':function(file, data, response){ alert(data); } });});
@author www.loverseo.com 网上商城系统
0 0
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- jQuery上传插件Uploadify 3.2使用
- JQuery上传插件Uploadify使用
- JQuery uploadify 上传插件使用
- JQuery上传插件Uploadify使用详解【struts2+uploadify+jquery】
- JQuery上传插件Uploadify使用详解
- JQuery上传插件Uploadify使用详解
- jQuery上传插件Uploadify使用详解
- JQuery上传插件Uploadify使用详解
- JQuery上传插件Uploadify使用详解
- JQuery上传插件Uploadify使用详解
- JQuery上传插件Uploadify使用详解
- 将远程SQL Server 数据库中表数据导入本地数据库相应的表
- Python人人小组自动发帖
- 由苹果的低级Bug想到的
- Google Chrome清除缓存高级技巧
- POJ 2492 A Bug's Life(路径压缩并查集)
- jQuery上传插件Uploadify 3.2使用
- layout_weight属性的那些坑
- 【C解析之三】C语言的内存分配
- 【算法导论】用两个堆实现栈
- CareerCup Given a binary matrix of N X N of integers , you need to return only unique rows of binary
- Hadoop2.2.0单节点安装及测试
- 深入理解Sqlserver文件存储之页和应用
- SQL优化笔记
- 以文化体制改革提升国家治理能力