前提条件：
ajaxFileUpload.js插件多文件上传
步骤：
1、修改源码，（源码只支持单个文件的上传）：
代码如下:
//修改前代码——-
//var oldElement = jQuery(‘#’ + fileElementId);
//var newElement = jQuery(oldElement).clone();
//jQuery(oldElement).attr(‘id’, fileId);
//jQuery(oldElement).before(newElement);
//jQuery(oldElement).appendTo(form);
//修改
在现代Web应用中，文件上传功能是不可或缺的一部分。AjaxFileUpload.js是一个基于jQuery的插件，它提供了异步文件上传的能力，使得用户可以在不刷新页面的情况下上传文件，从而提升了用户体验。然而，原始的AjaxFileUpload.js插件仅支持单个文件上传。本文将详细介绍如何通过修改源码和调整使用方法，使该插件支持多文件上传。
我们需要理解为什么要修改源码。在AjaxFileUpload.js的原始实现中，插件会克隆选定的文件输入元素，更改其ID，并将其添加到表单中，以便每次上传后都能重新选择文件。但是，这种方法仅适用于处理一个文件输入元素的情况。为了支持多个文件上传，我们需要对这一过程进行扩展，使其能够处理一组文件输入元素。
在修改源码时，我们可以看到原始代码中存在这样一段：
```javascript
// 修改前代码——-
// var oldElement = jQuery('#' + fileElementId);
// var newElement = jQuery(oldElement).clone();
// jQuery(oldElement).attr('id', fileId);
// jQuery(oldElement).before(newElement);
// jQuery(oldElement).appendTo(form);
```
为了适应多文件上传，我们需要将这段代码放入循环中，处理一个文件输入ID数组。修改后的代码如下：
```javascript
// 修改后代码——-
for (var i in fileElementId) {
var oldElement = jQuery('#' + fileElementId[i]);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);
}
```
这样，插件就可以处理多个文件输入元素，为每个元素执行相同的克隆和ID更新操作。
接下来，我们来看一下使用多文件上传的方法。在调用$.ajaxFileUpload()函数时，我们需要修改`fileElementId`参数。原使用方法是将单个文件输入ID作为字符串传递，例如`'uploadfile1'`。现在，我们将它改为一个包含多个文件输入ID的数组，如下所示：
```javascript
fileElementId : ['uploadfile1','uploadfile2','uploadfile3','uploadfile4','uploadfile5'],
```
这样，当调用插件时，它会遍历数组中的每个ID，依次上传对应文件。
在处理返回的响应时，需要注意的是，由于现在上传的是多个文件，因此在success回调函数中，可能需要根据实际需求对数据进行处理，例如显示每个文件的上传状态，或者在所有文件上传完成后才显示总的上传结果。
通过修改AjaxFileUpload.js插件的源码并调整调用方式，我们可以使这个插件支持多文件上传。这个过程涉及到文件元素的克隆、ID的更改以及对多个文件元素的遍历。在实际应用中，还需要考虑错误处理和用户体验优化，如进度条显示、取消上传等功能，以提供更完整的文件上传解决方案。
