上传插件uploadify介绍

2024-05-14 01:48
文章标签 介绍 插件 上传 uploadify

本文主要是介绍上传插件uploadify介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Uploadify是来自国外的一款优秀jQuery插件,主要功能是批量上传文件,此插件在项目中已被广泛之用


官方网:http://www.uploadify.com/

我的下载:http://pan.baidu.com/s/1eR1v9uE   我也是从官网下载的,下载于2016年09月03日

官网的下载:http://www.uploadify.com/download/

文章:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html、

使用例子:

$(function(){
$('#file_upload').uploadify({
swf:'plug-in/uploadify/uploadify.swf',	/**上传引用插件*/
uploader:'importBaseController.do?importExcelUser&sessionId=F89412674D7487A173B2904B92DC8419',/*上传路径*/
auto:false, /*是否自动上传*/
buttonText:"请选择导入的文件",/*上传选择按钮文字*/
buttonCursor: 'hand', /*按钮手型*/
fileSizeLimit:'100MB',/*上传最大值*/
fileTypeExts:'*.xls;*.xlsx',/*上传格式*/
fileTypeDesc: 'All Files',/*上传格式描述*/
multi: false,/*设置是否允许一次选择多个文件,true为允许,false不允许*/
progressData: 'percentage',
/*设置文件上传时显示数据,有‘percentage’ or ‘speed’两个参数(百分比和速度)*/
onFallback : function(){
tip("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试")
},
onQueueComplete : function(queueData) { 
/**  队列中的文件都上传完后触发,返回queueDate参数,有以下属性:
uploadsSuccessful 成功上传的文件数量
uploadsErrored 出现错误的文件数量
*/
},
onSelectError : function(file, errorCode, errorMsg){
/*
选择文件出错时触发,返回file,erroCode,errorMsg三个参数
errorCode是一个包含了错误码的js对象,用来查看事件中发送的错误码,以确定错误的具体类型,可能会有以下的常量:
QUEUE_LIMIT_EXCEEDED:-100 选择的文件数量超过设定的最大值;
FILE_EXCEEDS_SIZE_LIMIT:-110 文件的大小超出设定
INVALID_FILETYPE:-130 选择的文件类型跟设置的不匹配
errorMsg 完整的错误信息,如果你不重写默认的事件处理器,可以使用‘this.queueData.errorMsg’ 存取完整的错误信息
*/
switch(errorCode) {
case -100:
tip("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!");
break;
case -110:
tip("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");
break;
case -120:
tip("文件 ["+file.name+"] 大小异常!");break;
case -130:tip("文件 ["+file.name+"] 类型不正确!");
break;
}
},
onUploadStart: function(file){
/* 每个文件即将上传前触发*/
},
onUploadSuccess: function(file,data,respone){
var d=$.parseJSON(data);
if(d.success){
alert(d.msg);
}
},
onQueueComplete : function(queueData) { 
/*
队列中的文件都上传完后触发,返回queueDate参数,有以下属性:
uploadsSuccessful 成功上传的文件数量
uploadsErrored 出现错误的文件数量
*/
/*
var win = frameElement.api.opener;win.reloadTable();
win.tip(serverMsg);
frameElement.api.close();
*/
}
});
});

这篇关于上传插件uploadify介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/987411

相关文章

MybatisPlus service接口功能介绍

《MybatisPlusservice接口功能介绍》:本文主要介绍MybatisPlusservice接口功能介绍,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录Service接口基本用法进阶用法总结:Lambda方法Service接口基本用法MyBATisP

MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)

《MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)》掌握多表联查(INNERJOIN,LEFTJOIN,RIGHTJOIN,FULLJOIN)和子查询(标量、列、行、表子查询、相关/非相关、... 目录第一部分:多表联查 (JOIN Operations)1. 连接的类型 (JOIN Types)

CnPlugin是PL/SQL Developer工具插件使用教程

《CnPlugin是PL/SQLDeveloper工具插件使用教程》:本文主要介绍CnPlugin是PL/SQLDeveloper工具插件使用教程,具有很好的参考价值,希望对大家有所帮助,如有错... 目录PL/SQL Developer工具插件使用安装拷贝文件配置总结PL/SQL Developer工具插

java中BigDecimal里面的subtract函数介绍及实现方法

《java中BigDecimal里面的subtract函数介绍及实现方法》在Java中实现减法操作需要根据数据类型选择不同方法,主要分为数值型减法和字符串减法两种场景,本文给大家介绍java中BigD... 目录Java中BigDecimal里面的subtract函数的意思?一、数值型减法(高精度计算)1.

Pytorch介绍与安装过程

《Pytorch介绍与安装过程》PyTorch因其直观的设计、卓越的灵活性以及强大的动态计算图功能,迅速在学术界和工业界获得了广泛认可,成为当前深度学习研究和开发的主流工具之一,本文给大家介绍Pyto... 目录1、Pytorch介绍1.1、核心理念1.2、核心组件与功能1.3、适用场景与优势总结1.4、优

maven中的maven-antrun-plugin插件示例详解

《maven中的maven-antrun-plugin插件示例详解》maven-antrun-plugin是Maven生态中一个强大的工具,尤其适合需要复用Ant脚本或实现复杂构建逻辑的场景... 目录1. 核心功能2. 典型使用场景3. 配置示例4. 关键配置项5. 优缺点分析6. 最佳实践7. 常见问题

Java实现本地缓存的常用方案介绍

《Java实现本地缓存的常用方案介绍》本地缓存的代表技术主要有HashMap,GuavaCache,Caffeine和Encahche,这篇文章主要来和大家聊聊java利用这些技术分别实现本地缓存的方... 目录本地缓存实现方式HashMapConcurrentHashMapGuava CacheCaffe

Spring Security介绍及配置实现代码

《SpringSecurity介绍及配置实现代码》SpringSecurity是一个功能强大的Java安全框架,它提供了全面的安全认证(Authentication)和授权(Authorizatio... 目录简介Spring Security配置配置实现代码简介Spring Security是一个功能强

GitLab文件的上传与下载方式

《GitLab文件的上传与下载方式》:本文主要介绍GitLab文件的上传与下载方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录GitLab 项目拉取到本地GitLab 项目上传方法方法 1:本地项目未初始化Git方法 2:本地项目已初始化GitGitLab 上

JSR-107缓存规范介绍

《JSR-107缓存规范介绍》JSR是JavaSpecificationRequests的缩写,意思是Java规范提案,下面给大家介绍JSR-107缓存规范的相关知识,感兴趣的朋友一起看看吧... 目录1.什么是jsR-1072.应用调用缓存图示3.JSR-107规范使用4.Spring 缓存机制缓存是每一