需要上传文件,然后我就发现了这个神器——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做过什么有趣的事情吗?分享一下你的经验吧!