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

停止当前上传。

upload

上传指定文件或队列中的所有文件。

本文参考自码迷,进行了部分修改。

时间: 2025-01-17 08:01:11

uploadify上传文件(2)--基础语法的相关文章

ASP.NET Uploadify 上传文件过大报错

Uploadify上传文件原来很早之前用过,没发现什么问题.今天再使用过程中,当文件大于30M的时候就会报错404.查看错误消息提示配置最大上传太小了.需要修改. 记得原来配置上传文件大小在这里:<httpRuntime maxRequestLength="2097100" executionTimeout="3600"/> 配置即可.可是当我这里修改了之后发现还是错误.就想是不是上传控件本身有限制,看到我的有limitSize:30 已经设置了大小,但

MVC3+jquery Uploadify 上传文件

最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地址:http://www.uploadify.com/download/ 1.引用文件 <link href="@Url.Content("~/Scripts/uploadify/uploadify.css")" rel="stylesheet"

SpringMVC+jquery.uploadify 上传文件

前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在Controller Action中用@RequestParam MultipartFile file就能拿到上传文件信息.后我直接使用uploadify的方式上传,接口没有做任何调整,上传的过程中报http400, 客户端的请求不符合接口的要求,表单post提交时报文参数是以Form Data方式,

使用jquery插件uploadify上传文件的方法与疑问

我是学生一枚,专业也不是计算机,但又要用到很多相关技术,所以在技术基础不牢靠的情况下,硬着头皮在做.最近在做一个小项目需要上传图片,而且是需要用ajax的方式.但是利用jquery的ajax方法总会有“C:/fakepath”的问题,在网上找了很久相关解决方法,但是都太过麻烦,或者说我的水平还不到.但也看到有的人说可以用jquery的文件上传插件,于是百度.发现http://www.oschina.net/news/20298/20-excellent-jquery-file-upload-pl

uploadify上传文件

页面部分: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/common/taglibs.jsp"%> <%@ page import="com.cattsoft.baseplatform.func.sm.entity.SysU

【第九篇】uploadify上传文件

依然不多说,上代码 首先是给文件夹的位置 然后上代码 1 <div class="upload"> 2 <div class="uploadswf"> 3 <input type="file" name="uploadify" id="uploadify" style="vertical-align: middle;" /> 4 <span id

[Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET

URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到一个还可以的,本来想改成类似于腾讯QQ相册那种方式,仔细看了一下是Flash的, 而且那个极速上传插件也不知道用什么做的?问了一下,说是什么cgi. 搞得一头雾水! 后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..!

jquery uploadify上传文件时报HTTP401错误

1.http 401错误简单介绍 当用浏览器访问一个服务地址时,会向服务发送一个http请求,服务变会处理请求,并给浏览器返回一个状态码,每个状态码代表的不同的服务响应状态.     比如:200 代码响应成功,404资源未找到 这里的401就代表没有访问资源的权限状态. 2.401错误分析原因 正如上面介绍的一样,uploadify发出了上传请求,但服务端认为请求没有相应的权限. 现在大多数的身份验证用的是session,如果浏览器的cookie是打开的,那么sessionid的值是存在coo

Uploadify上传文件中文文件名乱码 Java

Uploadify是个很好的上传文件组件,但用它来上传带有中文名字的文件时,乱码一个不小心就蹦了出来,最新版本Uploadify v3.2 在用的时候,我页面是GBK编码,想到后台接收的时候肯定会乱码,开始用new String(fileName.getBytes("GBK"),"utf-8");来进行转码(后台用java写的),开始我测试上传了几个中文名称的文件,很正常,但是客户那边用了后,反应文件上传了找不到,KB的开始调试了,把客户的文件拿过来做测试,妈了个咪