求助：TypeScript中FileList类型不存在forEach属性的解决方案

这个问题我太熟悉了！浏览器里的FileList是个类数组对象，但TypeScript的默认类型定义并没有包含forEach方法，而且你直接在上传函数里给原型加方法的做法，不仅重复执行没必要，还会因为类型不匹配让TS报错。给你两个实用的解决方案：

方案1：转换为数组（推荐） #

不用修改原型，直接用Array.from()把FileList转换成真正的数组，这样就能正常使用forEach（包括数组的其他方法），TS也不会有类型报错：

public uploadMultiple(evt: Event) {
  // 先把evt.target类型断言为HTMLInputElement，才能拿到files属性
  const inputElement = evt.target as HTMLInputElement;
  const files = inputElement.files;
  
  if (files) {
    // 转换为数组后遍历
    Array.from(files).forEach((file, index) => {
      // 这里写你的文件处理逻辑，比如打印文件名
      console.log(`第${index+1}个文件：${file.name}`);
    });
  }
}

这个方法的好处是不污染全局对象，逻辑清晰，是处理类数组对象的常规操作。

方案2：扩展FileList的类型与原型（全局可用） #

如果你希望整个项目里的FileList都能直接用forEach，可以扩展TypeScript的类型定义并实现这个方法：

1. 首先在项目根目录创建一个全局类型声明文件，比如global.d.ts，添加以下内容来扩展FileList的接口：

interface FileList {
  // 定义forEach的类型，和数组的forEach参数一致
  forEach(callback: (file: File, index: number, list: FileList) => void): void;
}

2. 然后在项目的初始化代码里（比如main.ts或者入口文件），给FileList原型添加实现：

// 先判断是否已经存在，避免重复定义
if (!FileList.prototype.forEach) {
  FileList.prototype.forEach = function(callback) {
    Array.prototype.forEach.call(this, callback);
  };
}

这样之后，你在任何地方使用files.forEach()时，TypeScript都会识别这个方法，而且只需要初始化一次，不用每次上传都重新定义。

注意：修改内置对象的原型要谨慎，虽然这个场景下没问题，但如果后续浏览器原生支持了FileList.prototype.forEach，可能会有冲突，所以方案1更稳妥。

内容的提问来源于stack exchange，提问作者Alex