uploadify上传插件参数的一些设置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>uploadify 多文件上传例子</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"

type="text/javascript"></script>

<script src="jquery.uploadify-3.1.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="uploadify.css">

<style type="text/css">

body {

    font: 13px Arial, Helvetica, Sans-serif;

}

.haha{

    color:#FFFFFF;

}

#queue {

    background-color: #FFF;

    border-radius: 3px;

    box-shadow: 0 1px 3px rgba(0,0,0,0.25);

    height: 103px;

    margin-bottom: 10px;

    overflow: auto;

    padding: 5px 10px;

    width: 300px;

}

</style>

</head>  

<body>

    <h1>Uploadify Demo</h1>

    <form>

        <div id="queue"></div>

        <input id="file_upload" name="file_upload" type="file" multiple="true">

    </form>  

    <script type="text/javascript">

        $(function() {

            $('#file_upload').uploadify({

                'debug'         : false,

                'auto'          : true,             //是否自动上传,

                'buttonClass'   : 'haha',           //按钮辅助class

                'buttonText'    : '上传图片',       //按钮文字

                'height'        : 30,               //按钮高度

                'width'         : 100,              //按钮宽度

                'checkExisting' : 'check-exists.php',//是否检测图片存在,不检测:false

                'fileObjName'   : 'files',           //默认 Filedata, $_FILES控件名称

                'fileSizeLimit' : '1024KB',          //文件大小限制 0为无限制 默认KB

                'fileTypeDesc'  : 'All Files',       //图片选择描述

                'fileTypeExts'  : '*.gif; *.jpg; *.png',//文件后缀限制 默认：'*.*'

                'formData'      : {'someKey' : 'someValue', 'someOtherKey' : 1},//传输数据JSON格式

                //'overrideEvents': ['onUploadProgress'],  // The progress will not be updated

                //'progressData' : 'speed',             //默认percentage 进度显示方式

                'queueID'       : 'queue',              //默认队列ID

                'queueSizeLimit': 20,                   //一个队列上传文件数限制

                'removeCompleted' : true,               //完成时是否清除队列 默认true

                'removeTimeout'   : 3,                  //完成时清除队列显示秒数,默认3秒

                'requeueErrors'   : false,              //队列上传出错，是否继续回滚队列

                'successTimeout'  : 5,                  //上传超时

                'uploadLimit'     : 99,                 //允许上传的最多张数

                'swf'  : 'uploadify.swf', //swfUpload

                'uploader': 'uploadify.php', //服务器端脚本  

                //修改formData数据

                'onUploadStart' : function(file) {

                    //$("#file_upload").uploadify("settings", "someOtherKey", 2);

                },

                //删除时触发

                'onCancel' : function(file) {

                    //alert('The file ' + file.name + '--' + file.size + ' was cancelled.');

                },

                //清除队列

                'onClearQueue' : function(queueItemCount) {

                    //alert(queueItemCount + ' file(s) were removed from the queue');

                },

                //调用destroy是触发

                'onDestroy' : function() {

                    alert('我被销毁了');

                },

                //每次初始化一个队列是触发

                'onInit' : function(instance){

                    //alert('The queue ID is ' + instance.settings.queueID);

                },

                //上传成功

                'onUploadSuccess' : function(file, data, response) {

                    //alert(file.name + ' | ' + response + ':' + data);

                },

                //上传错误

                'onUploadError' : function(file, errorCode, errorMsg, errorString) {

                    //alert('The file ' + file.name + ' could not be uploaded: ' + errorString);

                },

                //上传汇总

                'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded,

totalBytesTotal) {

                    $('#progress').html(totalBytesUploaded + ' bytes uploaded of ' + totalBytesTotal + '

bytes.');

                },

                //上传完成

                'onUploadComplete' : function(file) {

                    //alert('The file ' + file.name + ' finished processing.');

                },  

            });

        });  

        //变换按钮

        function changeBtnText() {

            $('#file_upload').uploadify('settings','buttonText','继续上传');

        }  

        //返回按钮

        function returnBtnText() {

            alert('The button says ' + $('#file_upload').uploadify('settings','buttonText'));

        }

    </script>

    <h4>操作:</h4>

    <a href="javascript:$('#file_upload').uploadify('upload', '*');">开始上传</a>  |

    <a href="javascript:$('#file_upload').uploadify('cancel', '*');">清除队列</a>  |

    <a href="javascript:$('#file_upload').uploadify('destroy');">销毁上传</a>  |

    <a href="javascript:$('#file_upload').uploadify('disable', true);">禁用上传</a>  |

    <a href="javascript:$('#file_upload').uploadify('disable', false);">激活上传</a>  |

    <a href="javascript:$('#file_upload').uploadify('stop');">停止上传</a>  |

    <a href="javascript:changeBtnText();">变换按钮</a>  |

    <h4>大小:</h4>

    <div id='progress'></div>

</body>

</html>

uploadify上传插件参数的一些设置的更多相关文章

CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架：
19:29 2016/3/10CI框架如何在主目录application目录之外使用uploadify上传插件和bootstrap前端框架:项目主路径:F:\wamp\www\graduationPr ...
jQuery Uploadify上传插件
jQuery Uploadify在ASP.NET MVC3中的使用 1.Uploadify简介 Uploadify是基于jQuery的一种上传插件,支持多文件.带进度条显示上传,在项目开发中常被使用. ...
jquery.uploadify上传插件HTML5版中文api使用说明
插件官网文档:http://www.uploadify.com/documentation/ H5版下载地址:https://download.csdn.net/download/u010075697 ...
uploadify上传带参数及接收参数的方法
function uploadify() { $("#uploadify").uploadify({ method:'post', uploader: '/Manage/Order ...
用jquery uploadify上传插件上传文件
public void ProcessRequest(HttpContext context) { string esOIDs = System.Web.HttpContext.Current.Req ...
Uploadify 上传插件引起Chrome崩溃解决方法
将Uploadify初始化代码延时加载,可解决Chrome崩溃. setTimeout(initUploadify, 60); function initUploadify() { var $Uplo ...
jquery uploadify上传插件兼容火狐问题
jquery uploadify长传插件兼容火狐问题.因为现在火狐以不在默认安装flash插件.所以uploadify的flash版就需要安装flash插件.还可以成功. 可以到哪里下载安装:http ...
[Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET
URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到 ...
uploadify 上传文件插件
今天在项目中要用到文件上传功能时,想借助Jquery方式来实现,于是想到用uploadify插件来实现.不经意间在网上看到了一遍关于这个插件的用法,写的很好.在这里就分享给大家,希望对大家有帮助.以下 ...

随机推荐

notepad++通过调用cmd运行java程序
notepad++运行java程序方法主要有下面两个: 通过插件NppExec运行(自行百度“notepad++运行java”) 通过运行调用cmd编译执行java程序(下面详细讲解) 点击上面工具 ...
【监控笔记】【1.2】监控事件系列——SQL Trace（默认跟踪与自定义跟踪）
目录: [1.1]概念与使用 [1.2]跟踪的基本操作 --[1.2.1]查看默认跟踪是否在运行 --[1.2.2]开启默认跟踪 --[1.2.3]关闭默认跟踪 --[1.2.4]查看跟踪文件/查看跟 ...
MySQL8 clone plugin
安装MySQl8.0.17 下载 MySQL8.0.17 二进制版本 https://dev.mysql.com/downloads/mysql/ 解压,修改权限 -linux-glibc2.-x86 ...
Quartz-第三篇 quartz-misfire 错失，补偿执行
1.问题:使用pauseJob()后,再使用resumeJob(). Job如果中间时间足够短,默认会将之前错失的次数执行回来.这个问题的原因是执行调度策略的问题,quartz框架默认会将错失的执行次 ...
r子集代码实现(递归)
#!/usr/bin/env python #coding:utf-8 SET_START = 1 SET_END = 9 SUB_LEN = 10 def r_subset(i, r, pre, a ...
C++中的class和struct区别
1,经过不停的改进,结构体 struct 变得原来越不像它在 C 语言中的样子了: 1,struct 在 C 语言中仅为了定义一个变量的集合,仅此而已,不能定义函数: 2,struct 在 C++ 中 ...
块设备驱动——ramblock
一. 什么是块设备. 1.1. 一种具有一定结构的随机存取设备,对这种设备的读写是按块进行的,他使用缓冲区来存放暂时的数据,待条件成熟后,从缓存一次性写入设备或者从设备一次性读到缓冲区.可以随机访问, ...
Python虚拟环境命令
cd D:\virtual\ virtualenv -p D\Python35\python.exe env1 cd env1 cd Scripts activate.bat # 激活该虚拟环境 de ...
理解PHP面向对象三大特性
一.封装性目的:保护类里面的数据,让类更安全, protected和private只能在类中或子类访问,通过public提供有限的接口供外部访问,封装是控制访问,而不是拒绝访问封装关键字:publ ...
python 二分法实现
# -*- coding: utf-8 -*- def BinarySearch(arr, key): # 记录数组的最高位和最低位 min = 0 max = len(arr) - 1 if key ...

uploadify上传插件参数的一些设置

uploadify上传插件参数的一些设置的更多相关文章

随机推荐

热门专题