1. 首页
  2. 编程语言
  3. Javascript
  4. ajaxupload.js多文件上传插件

ajaxupload.js多文件上传插件

上传者: 2025-05-28 09:26:35上传 JS文件 10.68KB 热度 4次

多文件上传的需求总是绕不开的,ajaxupload.js算是个比较经典又轻巧的选择。这段改造版代码,思路挺直接:通过循环files数组,把每个文件都“克隆”出来一个表单项,组合进一个表单里,一次性打包发出去。嗯,不用依赖新库,配合老项目也稳得住。

上传的时候用的是原生的document.getElementById(fileElementId).files,这部分挺常见的。代码里对jQuery的也比较灵活,直接clone()复制文件输入,再动态塞到表单里,挺实用的技巧,能不少上传时控件错乱的问题。

要注意的是,多个文件循环appendTo(form)的时候,要保证表单不会重复附加相同元素,不然服务端接收会出问题。建议每次都清一下旧节点,保持干净整洁。

哦对了,如果你对原理还不太熟,或者想看更多例子,下面这些链接还蛮值得一逛的:

如果你正好要给老项目加个多文件上传功能,又不想折腾太多新依赖,可以试试这个方法,兼容性和灵活度都还不错。

下载地址
用户评论