使用FormData上传图片至接口

以下是使用FormData上传图片至接口的示例代码：

// 获取文件输入框元素
const fileInput = document.querySelector('#file-input');

// 监听文件输入框变化事件
fileInput.addEventListener('change', async () => {
  // 创建FormData对象
  const formData = new FormData();

  // 将文件添加到FormData中
  formData.append('file', fileInput.files[0]);

  try {
    // 发送POST请求，上传文件
    const response = await fetch('/api/upload', {
      method: 'POST',
      body: formData
    });

    // 处理响应数据
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
});

在上述代码中，我们首先获取了一个文件输入框元素，并监听了其变化事件。当用户选择了一个文件之后，我们创建了一个FormData对象，并将文件添加到其中。

接着，我们使用fetch函数发送了一个POST请求，将FormData作为请求体发送给后端接口。在处理响应数据时，我们使用了await关键字，以便等待异步操作完成。

注意，上述代码中的接口地址为'/api/upload'，这只是一个示例地址。实际使用时，需要将其替换为实际的接口地址。同时，也需要根据实际需要设置其他请求头、请求参数等。