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

相关文章

MySQL常用字符串函数示例和场景介绍

《MySQL常用字符串函数示例和场景介绍》MySQL提供了丰富的字符串函数帮助我们高效地对字符串进行处理、转换和分析,本文我将全面且深入地介绍MySQL常用的字符串函数,并结合具体示例和场景,帮你熟练... 目录一、字符串函数概述1.1 字符串函数的作用1.2 字符串函数分类二、字符串长度与统计函数2.1

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

zookeeper端口说明及介绍

《zookeeper端口说明及介绍》:本文主要介绍zookeeper端口说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、zookeeper有三个端口(可以修改)aVNMqvZ二、3个端口的作用三、部署时注意总China编程结一、zookeeper有三个端口(可以

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》:本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件

Python中win32包的安装及常见用途介绍

《Python中win32包的安装及常见用途介绍》在Windows环境下,PythonWin32模块通常随Python安装包一起安装,:本文主要介绍Python中win32包的安装及常见用途的相关... 目录前言主要组件安装方法常见用途1. 操作Windows注册表2. 操作Windows服务3. 窗口操作

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

MybatisPlus service接口功能介绍

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