angular - typescript 错误 : Property 'files' does not exist on type 'HTMLElement'

Question

我希望使用 IONIC 为我的应用创建上传功能。

这是我的 HTML 代码:

<input ion-button block type="file" id="uploadBR">
<input ion-button block type="file" id="uploadIC">
<button ion-button block (click)="upload()">Confirm Claim Restaurant</button>

这是我的 upload() 函数:

upload(){   
   let BR = document.getElementById('uploadBR').files[0]
   let IC = document.getElementById('uploadIC').files[0]
   console.log(BR)
   console.log(IC)    
 }

在普通的 HTML 中它应该可以工作，但它不适用于我的 IONIC。

构建应用程序时，它会显示错误 Typescript Error: Property 'files' does not exist on type 'HTMLElement'。

我是用错误的方式做的还是必须用 typescript 以不同的方式做？

谢谢。

Answer 1

您需要将其转换为 HTMLInputElement，因为 files 是 input 元素的属性

let BR = (<HTMLInputElement>document.getElementById('uploadBR')).files[0];