首页 微武游戏攻略 正文

SWFUpload上传图片:实现批量上传功能

需要上传文件,然后我就发现了这个神器——swfupload!以前都是用浏览器自带的上传控件,每次上传一堆文件都感觉很慢,而且界面也不好看。自从用了swfupload,感觉打开了新世界的大门!

swfupload这个东西,说白了就是个文件上传工具,用Flash和JavaScript来实现,比普通的上传控件好用多了。它支持多文件上传、进度条显示、拖放上传等等功能,简直不要太方便!

得先安装一下swfupload:

1. 下载swfupload的新版,官网上就能找到。

2. 解压下载的压缩包,把里面的swfupload.swf和swfupload.js文件放到你的项目目录下。

3. 在你的HTML文件中引入swfupload.js文件:

html

然后,就可以开始使用swfupload了:

1. 实例化swfupload对象:

javascript

var swfupload = new SWFUpload({

// 配置一些参数,比如上传地址、文件类型等等

// 具体参数可以参考官方文档

2. 设置上传参数:

swfupload对象有很多属性和方法,可以通过它们来配置上传参数,比如:

upload_url:设置上传地址

file_types:设置允许上传的文件类型

file_size_limit:设置文件大小限制

file_queue_limit:设置允许上传的文件数量

3. 添加上传按钮:

javascript

使用 JavaScript 代码把这个按钮与 swfupload 对象关联起来。

4. 监听上传事件:

swfupload 对象可以监听各种上传事件,比如:

fileQueued:当文件添加到上传队列时触发

fileQueueError:当文件添加失败时触发

uploadStart:当文件开始上传时触发

uploadProgress:当文件上传进度发生变化时触发

uploadSuccess:当文件上传成功时触发

uploadError:当文件上传失败时触发

一些小技巧:

swfupload 支持拖放上传,可以把文件直接拖放到上传按钮上,方便快捷。

swfupload 可以自定义上传进度条的样式,让你的界面更酷炫。

swfupload 可以设置上传队列的限制,防止用户上传过多文件。

swfupload 是个非常好用的文件上传工具,它的使用也很简单,上手很快。如果你还在使用传统的上传控件,强烈建议你尝试一下swfupload!

你有没有使用过swfupload?感觉怎么样?你用swfupload做过什么有趣的事情吗?分享一下你的经验吧!

本文转载自互联网,如有侵权,联系删除