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

相关文章

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

MySQL中慢SQL优化的不同方式介绍

《MySQL中慢SQL优化的不同方式介绍》慢SQL的优化,主要从两个方面考虑,SQL语句本身的优化,以及数据库设计的优化,下面小编就来给大家介绍一下有哪些方式可以优化慢SQL吧... 目录避免不必要的列分页优化索引优化JOIN 的优化排序优化UNION 优化慢 SQL 的优化,主要从两个方面考虑,SQL 语

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

Java使用多线程处理未知任务数的方案介绍

《Java使用多线程处理未知任务数的方案介绍》这篇文章主要为大家详细介绍了Java如何使用多线程实现处理未知任务数,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 知道任务个数,你可以定义好线程数规则,生成线程数去跑代码说明:1.虚拟线程池:使用 Executors.newVir

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

JAVA SE包装类和泛型详细介绍及说明方法

《JAVASE包装类和泛型详细介绍及说明方法》:本文主要介绍JAVASE包装类和泛型的相关资料,包括基本数据类型与包装类的对应关系,以及装箱和拆箱的概念,并重点讲解了自动装箱和自动拆箱的机制,文... 目录1. 包装类1.1 基本数据类型和对应的包装类1.2 装箱和拆箱1.3 自动装箱和自动拆箱2. 泛型2