上传插件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

相关文章

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb

Python进阶之Excel基本操作介绍

《Python进阶之Excel基本操作介绍》在现实中,很多工作都需要与数据打交道,Excel作为常用的数据处理工具,一直备受人们的青睐,本文主要为大家介绍了一些Python中Excel的基本操作,希望... 目录概述写入使用 xlwt使用 XlsxWriter读取修改概述在现实中,很多工作都需要与数据打交

java脚本使用不同版本jdk的说明介绍

《java脚本使用不同版本jdk的说明介绍》本文介绍了在Java中执行JavaScript脚本的几种方式,包括使用ScriptEngine、Nashorn和GraalVM,ScriptEngine适用... 目录Java脚本使用不同版本jdk的说明1.使用ScriptEngine执行javascript2.

Python实现NLP的完整流程介绍

《Python实现NLP的完整流程介绍》这篇文章主要为大家详细介绍了Python实现NLP的完整流程,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 编程安装和导入必要的库2. 文本数据准备3. 文本预处理3.1 小写化3.2 分词(Tokenizatio

Java文件上传的多种实现方式

《Java文件上传的多种实现方式》文章主要介绍了文件上传接收接口的使用方法,包括获取文件信息、创建文件夹、保存文件到本地的两种方法,以及如何使用Postman进行接口调用... 目录Java文件上传的多方式1.文件上传接收文件接口2.接口主要内容部分3.postman接口调用总结Java文件上传的多方式1

使用Python实现大文件切片上传及断点续传的方法

《使用Python实现大文件切片上传及断点续传的方法》本文介绍了使用Python实现大文件切片上传及断点续传的方法,包括功能模块划分(获取上传文件接口状态、临时文件夹状态信息、切片上传、切片合并)、整... 目录概要整体架构流程技术细节获取上传文件状态接口获取临时文件夹状态信息接口切片上传功能文件合并功能小

IDEA常用插件之代码扫描SonarLint详解

《IDEA常用插件之代码扫描SonarLint详解》SonarLint是一款用于代码扫描的插件,可以帮助查找隐藏的bug,下载并安装插件后,右键点击项目并选择“Analyze”、“Analyzewit... 目录SonajavascriptrLint 查找隐藏的bug下载安装插件扫描代码查看结果总结Sona

性能测试介绍

性能测试是一种测试方法,旨在评估系统、应用程序或组件在现实场景中的性能表现和可靠性。它通常用于衡量系统在不同负载条件下的响应时间、吞吐量、资源利用率、稳定性和可扩展性等关键指标。 为什么要进行性能测试 通过性能测试,可以确定系统是否能够满足预期的性能要求,找出性能瓶颈和潜在的问题,并进行优化和调整。 发现性能瓶颈:性能测试可以帮助发现系统的性能瓶颈,即系统在高负载或高并发情况下可能出现的问题

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

Hadoop数据压缩使用介绍

一、压缩原则 (1)运算密集型的Job,少用压缩 (2)IO密集型的Job,多用压缩 二、压缩算法比较 三、压缩位置选择 四、压缩参数配置 1)为了支持多种压缩/解压缩算法,Hadoop引入了编码/解码器 2)要在Hadoop中启用压缩,可以配置如下参数