uploadify上传文件(2)--基础语法
隔了好久,因为最近搬家,离开从小生活的城市,来到杭州。找工作、找房子等诸多事宜耽误了这篇文章许久。今天难得闲暇在旅馆中完成uploadify上传文件系列的第二篇--uploadify使用的基础语法。
下面我们看一看如何在你的项目上部署uploadify:
本文目录:
1.使用步骤
2.属性
3.事件
4.方法
使用步骤
1.我们假定上传控件部署在网站根目录下的upload.
php中,uploadify文件夹位于网站根目录中,上传的文件保存在根目录下的upload文件夹中,uploadify文件夹中包含check-exists.php、jquery.min.js 、jquery.uploadify.min.js、uploadify.css、uploadify.swf、uploadify-cancel.png。
2.引用jquery库
<script type="text/javascript" src="/uploadify/jquery.min.js"></script>
3.引用uploadify脚本
<script type="text/javascript" src="/uploadify /jquery.uploadify.min.js"></script>
4.引用uploadify样式表
<link rel="stylesheet" type="text/css" href="uploadify.css" />
5. 声明一个普通的html文件上传控件,并指定id
<input id="file_upload" name="file_upload" type="file" multiple="true">
6. 将声明的普通上传控件与Uploadify插件绑定,并初始化
<script type="text/javascript"> $(function() { $(‘#file_upload‘).uploadify({ ‘swf‘ : ‘/uploadify uploadify.swf‘, //指定上传控件的主体文件 ‘uploader‘ : ‘/uploadify uploadify.php‘ //指定服务器端上传处理文件 //其他配置项 }); });</script>
属性
auto布尔型
设置auto为true,当文件被添加至上传队列时,将会自动上传。
buttonClass字符串
为上传按钮添加类名。
buttonCursor字符串
鼠标经过上传按钮时,鼠标的形状。可选值为‘hand’(手形) 和 ‘arrow’(箭头)。
buttonImage字符串
定义“浏览”按钮背景图像的路径。给按钮设置背景图像的代码最好写在CSS文件中。
buttonText字符串
定义显示在默认按钮上的文本。
checkExisting字符串
定义检查目标文件夹中是否存在同名文件的脚本文件路径。
debug布尔型
当其值为true时,开启SWFUpload调试模式。
fileObjName字符串
定义上传数据处理文件中接收数据使用的文件对象名。
fileSizeLimit整型
上传文件大小限制。
fileTypeDesc字符串
可选择的文件类型的描述。此字符串出现在浏览文件对话框的文件类型下拉菜单中。
fileTypeExts字符串
定义允许上传的文件后缀。
formDataJSON对象
定义在文件上传时需要一同提交的其他数据对象。
height整型
上传按钮的高度(单位:像素)。
itemTemplate布尔型
itemTemplate选项允许你为每一个添加到队列中选项设定一个不同HTML模板。
method字符串
上传文件的提交方法,取值‘post‘或‘get‘。
multi布尔型
设置值为false时,一次只能选中一个文件。
overrideEventsJSON
该项定义了一组默认脚本中你不想执行的事件名称。
preventCaching布尔型
如果设置为真,一个随机的值添加到SWF文件的URL,因此它不会缓存。
progressData字符串
设置显示在上传进度条中的数据类型,可选项时百分比(percentage)或速度(speed)。
queueID字符串
queueID选项允许你设置一个拥有唯一ID的DOM元素来作为显示上传队列的容器。
queueSizeLimit整型
上传队列中一次可容纳的最大条数。
removeCompleted布尔型
不设置该选项或者将其设置为false,将使上传队列中的项目始终显示于队列中,直到点击了关闭按钮或者队列被清空。
removeTimeout整型
设置上传完成后从上传队列中移除的时间(单位:秒)。
requeueErrors布尔型
设置为真时,上传队列重置或上传多次重试时,返回错误信息。
successTimeout整型
表示uploadify的成功等待时间(单位:秒,默认30秒)。
swf字符串
定义uploadify.swf的路径。
uploader字符串
定义服务器端上传数据处理脚本文件uploadify.swf的路径。
uploadLimit整型
定义允许的最大上传数量。
width整型
定义浏览按钮的宽度。
事件
onCancel函数
设置onCancel选项,在文件上传被取消时,将允许运行一个自定义函数。
onClearQueue函数
设置onClearQueue选项,上传队列清空(激活ancel方法)时,将允许运行一个自定义函数。
onDestroy函数
销毁Uploadify实例(调用destroy方法)时触发该事件。
onDialogClose函数
当浏览文件对话框关闭时触发该事件。如果该事件被添加到overrideEvents属性中,在添加文件到队列中发生错误时,将不会弹出默认错误信息。
onDialogOpen函数
在浏览文件对话框被打开前一瞬触发该事件。
onDisable函数
调用disable方法禁用Uploadify实例时触发该事件。
onEnable函数
调用disable方法启用Uploadify实例时触发该事件。
onFallback函数
浏览器检测不到兼容版本的Flash时触发该事件。
onInit函数
调用Uploadify初始化结束时触发该事件。
onQueueComplete函数
队列中的所有文件被处理完成时触发该事件。
onSelect函数
每添加一个文件至上传队列时触发该事件。
onSelectError函数
选择文件返回错误时触发该事件。每一个文件返回错误都会触发该事件。
onSWFReady函数
当flash按钮载入完毕时触发该事件。
onUploadComplete函数
每一个文件上传完成都会触发该事件,不管是上传成功还是上传失败。
onUploadError函数
上传失败时触发该事件。
onUploadProgress函数
上传进度更新时触发该事件。
onUploadStart函数
在开始上传之前的瞬间会触发该事件。
onUploadSuccess函数
每一个文件上传成功时触发该事件。
方法
cancel
取消上传对象。
destroy
销毁Uploadify实例,并返回原文件域。
disable
控制浏览按钮是否可用。
settings
返回或更新一个Uploadify实例的值。
stop
停止当前上传。
uploadify上传文件(2)--基础语法的更多相关文章
- ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三(MySQL) Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段
ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...
- Uploadify 上传文件插件详解
Uploadify 上传文件插件详解 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中 ...
- SpringMVC+jquery.uploadify 上传文件
前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...
- MVC3+jquery Uploadify 上传文件
最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地 ...
- ASP.NET Uploadify 上传文件过大报错
Uploadify上传文件原来很早之前用过,没发现什么问题.今天再使用过程中,当文件大于30M的时候就会报错404.查看错误消息提示配置最大上传太小了.需要修改. 记得原来配置上传文件大小在这里:&l ...
- uploadify 上传文件插件
今天在项目中要用到文件上传功能时,想借助Jquery方式来实现,于是想到用uploadify插件来实现.不经意间在网上看到了一遍关于这个插件的用法,写的很好.在这里就分享给大家,希望对大家有帮助.以下 ...
- ASP.NET Uploadify 上传文件过大 报错(http error)借鉴,以防忘记
Uploadify上传文件原来很早之前用过,没发现什么问题.今天再使用过程中,当文件大于30M的时候就会报错404.查看错误消息提示配置最大上传太小了.需要修改. 记得原来配置上传文件大小在这里:&l ...
- 使用jquery插件uploadify上传文件的方法与疑问
我是学生一枚,专业也不是计算机,但又要用到很多相关技术,所以在技术基础不牢靠的情况下,硬着头皮在做.最近在做一个小项目需要上传图片,而且是需要用ajax的方式.但是利用jquery的ajax方法总会有 ...
- uploadify上传文件(1)--下载
最近在给公司做一个软件版本迭代管理的软件,是一个asp.net网站开发项目.利用mvc框架,前端采用bootstrap,数据库是MySQL,数据库访问利用EF框架. 软件需求是公司软件开发项目多,版本 ...
随机推荐
- CentOS 7 修改SSH端口号 和 ssh无法使用密码登录 和 查看pid 端口占用
如下示例把SSH默认端口22改为122. 1 修改/etc/ssh/sshd_config文件 #Port #找到改行,如果还想继续使用该端口,可以把#去掉,如果使用新端口,可以默认不管 Port # ...
- Servlet--ServletConfig接口,GenericServlet类
ServletConfig接口 定义:public interface ServletConfig 这个接口定义了一个对象, 通过这个对象, Servlet 引擎配置一个 Servlet 并且允许 S ...
- 05_Javascript进阶第一天
内部私有函数 function a(){ alert('aaa'); return function b(){ alert('bbb'); } } //调用内部私有函数b,方法1 var func=a ...
- Android Camera2采集摄像头原始数据并手动预览
Android Camera2采集摄像头原始数据并手动预览 最近研究了一下android摄像头开发相关的技术,也看了Google提供的Camera2Basic调用示例,以及网上一部分代码,但都是在Te ...
- springboot(十九):使用Spring Boot Actuator监控应用
微服务的特点决定了功能模块的部署是分布式的,大部分功能模块都是运行在不同的机器上,彼此通过服务调用进行交互,前后台的业务流会经过很多个微服务的处理和传递,出现了异常如何快速定位是哪个环节出现了问题? ...
- JavaScript中的类继承
JavaScript是一个无class的面向对象语言,它使用原型继承而非类继承.这会让那些使用传统面向对象语言如C++和Java的程序员们感到困惑.正如我们所看到的,JavaScript的原型继承比类 ...
- ubuntu+mono+PetaPoco+Oracle+.net 程序部署
前言:将windows 下开发的 .net 控制台程序(连接Oracle数据库)部署到 ubuntu 下步骤记录 2017-09-19 实验所用机器为虚拟机Ubuntu16.04 amd64 安装 ...
- HDU [P3605] Escape
二分图多重匹配 改进版的匈牙利,加入了一个cnt数组作为找到增广路的标志 本题有一个重要的优化见注释 #include <iostream> #include <cstdio> ...
- .NET Core版本七牛云SDK使用
一.问题背景 公司目前正在将一部分的业务从.NET平台准备迁移到.NET Core上去,同时也准备启用docker进行.NET Core的部署,在项目迁移过程中,不可避免的碰到有些SDK只有在.NET ...
- Django搭建博客网站(二)
Django搭建自己的博客网站(二) 这里主要讲构建系统数据库Model. Django搭建博客网站(一) model 目前就只提供一个文章model和一个文章分类标签model,在post/mode ...