一.特点：
SWFUpload是一个flash和js相结合而成的文件上传插件，其功能非常强大。
SWFUpload的特点
1、用flash进行上传，页面无刷新，且可自定义Flash按钮的样式;
2、可以在浏览器端就对要上传的文件进行限制;
3、允许一次上传多个文件，但会有一个上传队列，队列里文件的上传是逐个进行的，服务器端接收文件时跟普通的表单上传文件是一样的;
4、提供了丰富的事件接口供开发者使用;
二.SWFUpload的文件上传流程：
1、引入相应的js文件
2、实例化SWFUpload对象，传入一个配置参数对象进行各方面的配置。
3、点击SWFUpload提供的Flash按钮，弹出文件选取窗口选择要上传的文件；
4、文件选取完成后符合规定的文件会被添加到上传的队列里；
5、调用startUpload方法让队列里文件开始上传；
6、文件上传过程中会触发相应的事件，开发者利用这些事件来更新ui、处理错误、发出提示等等；
三. SWFUpload包括三部分的内容：
SWFUpload.js、swfupload.swf、初始化配置参数及各种事件处理函数。
因此，一般的使用流程是：
1、引入对应的JS和CSS文件。
2、实例化SWFUpload对象，进行对象的初始化的配置。
3、浏览网页，打开并选取要上传的文件。
4、后台接收前台传送的文件流，进行处理。
5、后台返回对应的参数并进行前台提示。
四.swfupload配置参数对象中的常用属性及说明
| swfupload配置参数对象中的常用属性及说明 | |||
| 属性 | 类型 | 默认值 | 描述 |
| upload_url | String | 处理上传文件的服务器端页面的url地址，可以是绝对地址，也可以是相对地址，当为相对地址时相对的是当前代码所在的文档地址 | |
| preserve_relative_urls | Boolean | FALSE |
如果为false则SWFUpload会把swfupload.swf用到的相对地址转换为绝对地址，以达到更好的兼容性 |
| file_post_name | String | Filedata | 相当于用普通的文件域上传文件时的name属性，服务器端接收页面通过该名称来获取上传的文件 |
| post_params | Object(直接量) | 一个对象直接量，里面的键/值对会随着每一个文件一起上传，文件上传要附加一些信息时很有用 | |
| use_query_string | Boolean | FALSE |
为false时,post_params属性定义的参数会以post方式上传；为true时，则会以get方式上传（即参数会以查询字符串的形式附加到url后面） |
| file_types | String | 该属性指定了允许上传的文件类型，当有多个类型时使用分号隔开，比如：*.jpg;*.png ,允许所有类型时请使用 *.* | |
| file_types_description | String | 指定在文件选取窗口中显示的文件类型描述，起一个提示和说明的作用吧 | |
| file_size_limit | String | 指定要上传的文件的最大体积，可以带单位，合法的单位有:B、KB、MB、GB，如果省略了单位，则默认为KB。该属性为0时，表示不限制文件的大小。 | |
| file_upload_limit | Number | 指定最多能上传多少个文件，当上传成功的文件数量达到了这个最大值后，就不能再上传文件了，也不能往上传队列里添加文件了。把该属性设为0时表示不限制文件的上传数量。 | |
| file_queue_limit | Number | 指定文件上传队列里最多能同时存放多少个文件。当超过了这个数目后只有当队列里有文件上传成功、上传出错或被取消上传后，等同数量的其他文件才可以被添加进来。当file_upload_limit的数值或者剩余的能上传的文件数量小于file_queue_limit时，则取那个更小的值 | |
| flash_url | String | swfupload.swf文件的绝对或相对地址，相对地址是指相对于当前的页面地址。实例化swfupload后，就不能再改变该属性的值了。 | |
| prevent_swf_caching | Boolean | 为true时会加一个随机数在swfupload.swf地址的后面，以阻止flash影片被缓存，这是为了防止某些版本的IE浏览器在读取缓存的falsh影片时出现的bug | |
| button_placeholder_id | String | 指定一个dom元素的id,该dom元素在swfupload实例化后会被Flash按钮代替，这个dom元素相当于一个占位符 | |
| button_placeholder | DOMElement | 指定一个dom元素,该dom元素在swfupload实例化后会被Flash按钮代替，这个dom元素相当于一个占位符。当button_placeholder_id与button_placeholder都存在时，以button_placeholder_id为优先 | |
| button_image_url | String | 指定Flash按钮的背景图片，相对地址或绝对地址都可以。该地址会受到preserve_relative_urls属性的影响，遵从与upload_url一样的规则。 | |
| 该背景图片必须是一个sprite图片,从上到下包含了Flash按钮的正常、鼠标悬停、按下、禁用这四种状态。因此该图片的高度应该是Flash按钮高度的四倍 | |||
| button_width | Number | 指定Flash按钮的宽度 | |
| button_height | Number | 指定Flash按钮的高度，应该为button_image_url所指定的按钮背景图片高度的1/4 | |
| button_text | String | 指定Flash按钮上的文字，也可以是html代码 | |
| button_text_style | String | Flash按钮上的文字的样式，使用方法见示例 | |
| button_text_top_padding | Number | 指定Flash按钮顶部的内边距，可使用负值 | |
| button_text_left_padding | Number | 指定Flash按钮左边的内边距，可使用负值 | |
| button_disabled | Boolean | FALSE |
为true时Flash按钮将变为禁用状态，点击也不会触发任何行为 |
| button_cursor | 指定鼠标悬停在Flash按钮上时的光标样式，可用值为SWFUpload.CURSOR里定义的常量 | ||
| button_window_mode | 指定Flash按钮的WMODE属性，可用值为SWFUpload.WINDOW_MODE里定义的常量 | ||
| file_dialog_start_handler | Function | fileDialogStart事件侦听函数 | |
| file_queued_handler | Function | fileQueued事件侦听函数 | |
| file_queue_error_handler | Function | fileQueueError事件侦听函数 | |
| file_dialog_complete_handler | Function | fileDialogComplete事件侦听函数 | |
| upload_start_handler | Function | uploadStart事件侦听函数 | |
| upload_progress_handler | Function | uploadProgress事件侦听函数 | |
| upload_error_handler | Function | uploadError事件侦听函数 | |
| upload_success_handler | Function | uploadSuccess事件侦听函数 | |
| upload_complete_handler | Function | uploadComplete事件侦听函数 | |
下载地址
- SWFupload 下载地址：https://code.google.com/p/swfupload/
- SWFUpload 官方说明文档(2.5.0版):http://www.w3cschool.cc/w3cnote/swfupload-document.html
感谢阅读
！
本帖子参考链接来源于网络，链接如下：
