angular – 在typescript中类型’EventTarget’错误中不存在属性

发布时间：2020-12-17 07:56:06 所属栏目：安全来源：网络整理

导读：我试图从我的离子2应用程序访问输入文件的值,但我仍然面临类型’EventTarget’上不存在属性文件的问题. 因为它适用于js而不是打字稿. 代码如下： document.getElementById("customimage").onchange= function(e?) { var files: any = e.target.files[0]; EXI

我试图从我的离子2应用程序访问输入文件的值,但我仍然面临类型’EventTarget’上不存在属性文件的问题.
因为它适用于js而不是打字稿.
代码如下：

document.getElementById("customimage").onchange= function(e?) {
            var files: any = e.target.files[0]; 
              EXIF.getData(e.target.files[0],function() {
                  alert(EXIF.getTag(this,"GPSLatitude"));
              });
          }

请帮我解决这个问题,因为它没有构建我的离子2应用程序.

e.target属性类型取决于您在getElementById(…)上返回的元素. files是input元素的属性： https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

在这种情况下,TypeScript编译器不知道您正在返回一个输入元素,并且我们没有特定于此的Event类.因此,您可以创建一个类似以下代码：

interface HTMLInputEvent extends Event {
    target: HTMLInputElement & EventTarget;
}

document.getElementById("customimage").onchange = function(e?: HTMLInputEvent) {
    let files: any = e.target.files[0]; 
    //...
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!