AJAX（Asynchronous JavaScript and XML）是一种在Web开发中使用的技术，它允许在不重新加载整个页面的情况下，通过异步请求与服务器进行数据交互。通常情况下，我们使用AJAX技术来传输文本数据，但是有时候我们也需要传输文件。本文将介绍如何使用AJAX传送文件，并提供相关的示例代码。

首先，让我们看一个简单的示例，假设我们需要通过AJAX传输一个图片文件。首先，在HTML页面中添加一个上传文件的表单：

<form id="file-form">  
<input type="file" id="file-input" name="file" />  
<button type="button" onclick="uploadFile()">上传</button>
</form>

接下来，我们需要编写JavaScript函数来处理文件上传的逻辑。下面是一个使用原生JavaScript实现的上传文件函数的示例：

function uploadFile() {  
const fileInput = document.getElementById('file-input');  
const file = fileInput.files[0];  
const formData = new FormData();  
formData.append('file', file);
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');  
xhr.send(formData);  
}

在这个示例中，我们首先通过JavaScript获取到文件上传表单元素和文件对象。然后，使用FormData对象创建一个表单数据对象，并将文件对象添加到表单中。接下来，我们通过AJAX发送POST请求到服务器的`/upload`路径，并将表单数据作为请求体发送。最后，上传过程完成并提交到服务器。

当然，这只是一个简单的示例，实际中可能会涉及到更多的处理逻辑和服务器端的代码。但是基本的上传文件过程是类似的，即通过FormData对象将文件添加到表单数据中，然后通过AJAX发送请求到服务器。

另外，如果你使用jQuery库，你可以使用它提供的ajax函数来简化上传文件的过程。下面是使用jQuery实现的上传文件函数的示例：

function uploadFile() {  
const fileInput = $('#file-input');  
const file = fileInput[0].files[0];  
const formData = new FormData();  
formData.append('file', file);
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
// 处理上传成功的逻辑
},
error: function() {
// 处理上传失败的逻辑
}
});  
}

在这个示例中，我们使用了jQuery的ajax函数来发送一个POST请求，并将表单数据作为请求体发送。需要注意的是，设置`processData`为`false`和`contentType`为`false`，以便正确处理表单数据和文件的上传。

综上所述，使用AJAX传送文件是一种常见的需求。无论是使用原生JavaScript还是jQuery，我们都可以通过FormData对象将文件添加到表单数据中，并通过AJAX发送请求到服务器。这样，我们就可以实现在Web开发中通过AJAX传输文件的功能。