随着互联网的发展，文件上传功能在网页开发中变得越来越重要。而使用AJAX进行文件上传则成为一种常见的方式。在文件上传过程中，获取文件名是一项必不可少的操作。本文将介绍如何使用AJAX上传文件后获取文件名，并通过举例和代码展示实现的过程。

假设我们有一个简单的文件上传页面，用户可以选择一个文件并将其上传到服务器。上传完成后，我们需要获取上传的文件名以进行后续操作。下面是一个简单的HTML代码示例：

<input type="file" id="fileInput" />
<button onclick="uploadFile()">上传文件</button>

首先，我们需要编写一个JavaScript函数来处理文件上传。在这个函数中，我们可以使用AJAX发送文件到服务器，并获取服务器返回的响应。下面是一个基本的文件上传函数：

function uploadFile() {
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var fileName = response.fileName;
alert("上传成功！文件名为：" + fileName);
}
};
xhr.send(file);
}

在上面的代码中，我们首先通过ID获取文件输入框的引用，并从中取出用户选择的文件。然后，我们创建一个XMLHttpRequest对象，并调用open方法指定上传文件的URL和请求方式。同时，我们还使用了onreadystatechange事件监听器来处理服务器返回的响应。

当服务器返回响应时，我们首先将响应解析为一个JSON对象。其中，我们假设服务器返回的JSON对象中有一个fileName属性，该属性存储了上传文件的文件名。通过获取该属性的值，我们就能够获得上传文件的文件名。最后，我们使用一个弹框来显示文件名。

举个例子，如果用户选择了名为"example.txt"的文件进行上传，那么上传成功后，会显示一个弹框提示"上传成功！文件名为：example.txt"。

总结来说，通过AJAX进行文件上传后，我们可以使用XMLHttpRequest对象获取服务器返回的响应。通过解析响应的内容，我们可以获取上传文件的文件名，并进行进一步的操作。通过举例和代码示例，我们详细介绍了如何使用AJAX上传文件后获取文件名的过程。