用ts写一段选择本地图片上传代码

以下是使用 TypeScript 编写的选择本地图片上传代码：

// 获取上传按钮元素
const uploadBtn = document.getElementById('upload-btn') as HTMLInputElement;

// 监听上传按钮的 change 事件
uploadBtn.addEventListener('change', (event: Event) => {
  // 获取选中的文件列表
  const fileList = (event.target as HTMLInputElement).files;

  // 遍历文件列表
  for (let i = 0; i < fileList.length; i++) {
    const file = fileList[i];

    // 创建 FormData 对象
    const formData = new FormData();
    formData.append('file', file);

    // 发送上传请求
    fetch('/upload', {
      method: 'POST',
      body: formData,
    })
      .then((response) => {
        // 处理上传成功的响应
        console.log('上传成功', response);
      })
      .catch((error) => {
        // 处理上传失败的错误
        console.error('上传失败', error);
      });
  }
});

在上面的代码中，我们首先获取了一个上传按钮元素，然后监听它的 change 事件。当用户选择了本地文件后，我们会获取到选中的文件列表，然后遍历文件列表，为每个文件创建一个 FormData 对象，并使用 fetch 发送上传请求。在上传成功或失败后，我们会分别处理响应和错误。