SwfUpload多文件上传功能
SwfUpload 的多文件上传功能,在老项目里还挺有用的,是要兼容老浏览器的时候。它用 Flash 搞定了 HTML4 时代不支持的多文件选择,还能自定义上传流程。像设置上传大小、限制文件类型这些,配置项都比较全,灵活度还不错。
SwfUpload 的底层是 Flash 的 FileReference,点“选择文件”后,会弹出一个 Flash 弹窗,用户能一口气选多个文件。这些文件信息会传给 JavaScript,接下来你就可以控制上传逻辑,比如显示进度条、做错误提示等等。
事件这一块功能挺多,比如 uploadSuccess
、uploadError
、uploadProgress
这些回调能让你把 UI 做得丝滑。上传过程中还能动态显示进度,配合个 progress bar
效果就挺不错。
不过要注意的是,它得依赖 Flash。所以如果用户浏览器比较新,建议优先用 HTML5 的 File API,像<input type="file" multiple> 这种写法就能搞定多选上传,SwfUpload 就当个兜底方案。
你可以去看看 applicationdemo.net
这个示例,里面应该有完整的 HTML、CSS、JS 和 Flash 文件,方便你上手测试。还有几个源码解析的文章,能帮你更快理解 SwfUpload 的机制。
如果你项目还得支持 IE8 甚至更老的浏览器,那 SwfUpload 确实是个不错的选择。嗯,不怕 Flash 就用它,老当益壮。
73.25KB
文件大小:
评论区