AJAX（Asynchronous Javascript and XML）是一种将数据异步发送到服务器并更新页面内容的技术。在网页中，我们经常需要上传多个文件，比如图片、文档等。使用AJAX一次上传多个文件可以提高用户体验，减少等待时间。本文将介绍如何使用AJAX实现一次上传多个文件的功能，并举例说明其用法。

在传统的文件上传过程中，用户只能一次上传一个文件，这样就需要反复操作，增加了用户的等待时间。而使用AJAX一次上传多个文件，则可以减少用户等待时间，提高用户体验。

为了实现一次上传多个文件的功能，我们可以使用HTML5的FormData对象。首先，我们需要在HTML中创建一个文件上传表单，如下所示：

<form id="upload-form" enctype="multipart/form-data"><input type="file" name="file" multiple /><input type="submit" value="上传" /></form>

上面的表单中，使用了multiple属性来允许同时选择多个文件。接下来，我们可以使用Javascript来监听表单的提交事件，并通过AJAX将文件上传到服务器。

var form = document.getElementById('upload-form');form.addEventListener('submit', function(e) {e.preventDefault();var files = form.file.files;var formData = new FormData();for(var i = 0; i < files.length; i++) {formData.append('file', files[i]);}var xhr = new XMLHttpRequest();xhr.open('POST', '/upload', true);xhr.upload.onprogress = function(e) {if (e.lengthComputable) {var percent = (e.loaded / e.total) * 100;console.log(percent + '% uploaded');}};xhr.onload = function() {if (xhr.status === 200) {console.log('Files uploaded successfully');} else {console.log('Error uploading files');}};xhr.send(formData);});

上面的代码中，我们使用了XHR对象（XMLHttpRequest）来发送AJAX请求。首先创建了FormData对象，然后通过循环将选中的文件添加到FormData中。接下来，我们打开一个POST请求，将formData作为参数发送到服务器。在XHR对象的upload属性中，我们可以监听上传进度，以便在后台显示上传进度。最后，在XHR对象的onload事件中，我们可以处理上传成功或失败的情况。

通过以上代码，我们可以实现一次上传多个文件的功能。用户可以通过选择多个文件后，一次性上传到服务器，大大提高了文件上传的效率。

总结来说，使用AJAX一次上传多个文件可以减少用户等待时间，提高用户体验。通过HTML5的FormData对象以及XHR对象，我们可以轻松实现这个功能。无论是图片上传还是文档上传，都可以使用这个方法来简化操作，提高效率。