如何使用ajax将gif图像保存到imgur api

// 获取上传按钮和结果显示元素
var uploadButton = document.getElementById('upload-button');
var resultDiv = document.getElementById('result');

// 监听上传按钮的点击事件
uploadButton.addEventListener('click', function() {
  // 创建FormData对象
  var formData = new FormData();

  // 获取用户选择的文件
  var fileInput = document.getElementById('file-input');
  var file = fileInput.files[0];

  // 将文件添加到FormData中
  formData.append('image', file);

  // 发送POST请求到Imgur API
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'https://api.imgur.com/3/image');
  xhr.setRequestHeader('Authorization', 'Bearer {你的API密钥}');
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 请求成功，解析返回的数据
      var response = JSON.parse(xhr.responseText);
      var imageUrl = response.data.link;

      // 在页面上显示上传后的图像
      var img = document.createElement('img');
      img.src = imageUrl;
      resultDiv.appendChild(img);
    } else {
      // 请求失败，显示错误信息
      resultDiv.textContent = '上传失败';
    }
  };
  xhr.send(formData);
});