文件上传 ajax(文件上传次数已达上限请稍后再试：示例代码)

文件上传 ajax 是一种通过使用 Ajax 技术实现文件上传的方法。通常情况下，文件上传需要刷新整个页面才能完成，但是通过使用 Ajax，我们可以在不刷新页面的情况下发送文件到服务器，并获取服务器的响应。这种方法可以提升用户体验，使文件上传变得更加流畅和高效。

示例代码如下所示：

// 创建一个 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 监听文件上传的进度
xhr.upload.onprogress = function(event) {
  if (event.lengthComputable) {
    var percent = (event.loaded / event.total) * 100;
    console.log('上传进度：' + percent + '%');
  }
};
// 监听文件上传的完成
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('文件上传成功');
  } else {
    console.log('文件上传失败');
  }
};
// 准备上传文件的数据
var fileInput = document.getElementById('file-input');
var file = fileInput.files[0];
var formData = new FormData();
formData.append('file', file);
// 发送文件上传请求
xhr.open('POST', 'upload.php', true);
xhr.send(formData);

上述代码中，我们首先创建了一个 XMLHttpRequest 对象，用于发送文件上传请求。然后，我们通过监听 `xhr.upload.onprogress` 事件来获取文件上传的进度，以便在页面上展示上传进度。接着，我们监听 `xhr.onload` 事件，当文件上传完成时，根据服务器的响应状态码来判断上传是否成功。我们准备上传文件的数据，将文件数据添加到 FormData 对象中，并使用 `xhr.open` 方法打开一个 POST 请求，将 FormData 对象发送到服务器。

通过使用文件上传 ajax，我们可以实现在不刷新页面的情况下进行文件上传，并且可以获取到上传进度和服务器的响应。这种方法可以提升用户体验，使文件上传变得更加流畅和高效。