ajaxupload.js多文件上传插件
多文件上传的需求总是绕不开的,ajaxupload.js算是个比较经典又轻巧的选择。这段改造版代码,思路挺直接:通过循环files
数组,把每个文件都“克隆”出来一个表单项,组合进一个表单里,一次性打包发出去。嗯,不用依赖新库,配合老项目也稳得住。
上传的时候用的是原生的document.getElementById(fileElementId).files
,这部分挺常见的。代码里对jQuery
的也比较灵活,直接clone()
复制文件输入,再动态塞到表单里,挺实用的技巧,能不少上传时控件错乱的问题。
要注意的是,多个文件循环appendTo(form)
的时候,要保证表单不会重复附加相同元素,不然服务端接收会出问题。建议每次都清一下旧节点,保持干净整洁。
哦对了,如果你对原理还不太熟,或者想看更多例子,下面这些链接还蛮值得一逛的:
如果你正好要给老项目加个多文件上传功能,又不想折腾太多新依赖,可以试试这个方法,兼容性和灵活度都还不错。
下载地址
用户评论