使用 AJAX 来上传图片是一种常见的方法，它允许你在不刷新页面的情况下发送数据到服务器。以下是一个简单的示例，展示了如何使用 AJAX 来上传图片。请注意，这是一个基本的示例，可能需要根据你的具体需求进行调整。
首先，确保你的 HTML 表单有一个文件输入元素，允许用户选择图片进行上传：
```html
```
接下来，编写 JavaScript 函数来处理图片上传。这里使用 `XMLHttpRequest` 来发送 AJAX 请求：
```javascript
function uploadImage() {
var input = document.getElementById('image-upload');
var file = input.files[0]; // 获取选中的文件（图片）
var formData = new FormData(); // 创建一个 FormData 对象
formData.append('image', file); // 将文件添加到 FormData 中
var xhr = new XMLHttpRequest(); // 创建一个 XMLHttpRequest 对象
xhr.open('POST', '/upload-endpoint', true); // 设置请求的 URL 和方法（POST）
xhr.onreadystatechange = function() { // 当请求状态改变时执行此函数
if (xhr.readyState === 4) { // 如果请求已完成（状态码为 4）
if (xhr.status === 200) { // 如果服务器响应状态码为 200（成功）
console.log('图片上传成功');
} else {
console.error('图片上传失败');
}
}
};
xhr.send(formData); // 发送请求，包含 FormData 中的数据（图片）
}
```
请注意以下几点：
1. 这个示例使用了 `FormData` 对象来存储要上传的文件。这对于处理文件上传非常方便。它将文件以及任何其他表单字段打包到一个多部分编码的请求中。
2. 在服务器端，你需要有一个处理文件上传的端点（在这个例子中是 `/upload-endpoint`）。你需要根据你的后端框架或语言来编写相应的代码来处理这个请求。这通常涉及到读取上传的文件并将其保存到服务器上的某个位置。
3. 这个示例假设你使用的是纯 JavaScript。如果你使用像 jQuery 这样的库，你可以使用更简洁的代码来发送 AJAX 请求和处理响应。例如，使用 jQuery 的 `$.ajax()` 方法可以更简单地实现相同的功能。
4. 为了安全起见，处理文件上传时应该始终验证和清洗上传的数据，以防止潜在的安全风险，如恶意文件上传或注入攻击。