时间戳

首页 > 解决方案 > Angular中的文件输入事件类型

angular - Angular中的文件输入事件类型

问题描述

所以我一直在使用 Angular 和 Typescript 很长一段时间。我似乎无法找出输入文件的类型是什么。

例如：

<input type="file" (change)="fileChangeEvent($event)">

fileChangeEvent(e:?????){}

所有示例都纯粹使用没有任何类型的事件，我很想知道这种类型是否存在。

标签： angulartypescripttypescript-typings

解决方案

对于 Angular 10 的严格类型模式，我们需要在参数中提及类型。您可以按照这种方式从文件输入事件中实现文件列表

// HTML
<input type="file" (change)="uploadFile($event)">

// TS
uploadFile(event: Event) {
    const element = event.currentTarget as HTMLInputElement;
    let fileList: FileList | null = element.files;
    if (fileList) {
      console.log("FileUpload -> files", fileList);
    }
}

希望这可以帮助。请分享您的反馈。

推荐阅读