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、初始化配置参数及各种事件处理函数。所以首先在页面引入SWFUpload.js

<script src='SWFUpload.js'></script>

然后实例化一个SWFUpload对象:

var swfu;
     
window.onload = function ()