タイプスクリプトのプロパティ 'files' がタイプ 'EventTarget' に存在しないエラー
2023-09-20 09:14:22
質問
ionic 2 アプリケーションから入力ファイルの値にアクセスしようとしているのですが、type 'EventTarget' にプロパティファイルが存在しないという問題に直面しています。 jsでは正常に動作していますが、typescriptでは動作していません。 コードは以下の通りです。
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"));
});
}
ionic 2アプリケーションを構築することができないので、この問題を解決するのを助けてください。
どのように解決するのですか?
この
e.target
プロパティの種類は、返す要素に依存します。
getElementById(...)
.
files
のプロパティです。
input
要素になります。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement
この場合、TypeScriptのコンパイラはあなたが
input
要素を返していることを知らず、また
Event
クラスはありません。そこで、以下のコードのように作成します。
interface HTMLInputEvent extends Event {
target: HTMLInputElement & EventTarget;
}
document.getElementById("customimage").onchange = function(e?: HTMLInputEvent) {
let files: any = e.target.files[0];
//...
}
関連
-
[解決済み】プロパティ 'value' が 'HTMLElement' 型の値に存在しない。
-
[解決済み] error TS2339: Property 'x' does not exist on type 'Y'.
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み】Ignore Typescript Errors "property does not exist on value of type" (タイプの値にプロパティが存在しない)。
-
[解決済み】タイプ 'EventTarget' にプロパティ 'value' が存在しない。
-
[解決済み】TypeScriptのEventTarget型にプロパティ'value'が存在しない。
-
[解決済み] Angular2のイベントはどのようなTypescriptタイプなのか
-
[解決済み] Angularで、コントロールが作成された後、FormControlにバリデータを追加する方法は?
-
[解決済み] Angular2で生のhtmlをバインドする方法 [重複]。
-
[解決済み] 新しい Typescript 1.8.4 のビルドエラー。" ビルド。Property 'result' がタイプ 'EventTarget' に存在しません。"
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] .tsファイルはTypeScriptのコンパイルの一部ですが、使用されていませんという警告を消すには?
-
[解決済み] Angularでコンポーネントをリフレッシュする方法
-
[解決済み] Angular2のイベントはどのようなTypescriptタイプなのか
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] Angular v5からAngular v6にプロジェクトをアップグレードしたい。
-
[解決済み] Typescript におけるインターフェースとクラスの違い
-
[解決済み] Angular - ngForの中のngIfの中のパラメータを持つng-template [重複]。
-
[解決済み] Angular6でパスワードの検証を確認する [重複]。
-
[解決済み] 親コンポーネントのangular2呼び出し関数