web-dev-qa-db-ja.com

Angularのファイル入力イベントタイプ

だから私はAngularとタイプリストを長い間使用しています。入力ファイルのタイプが何であるかを見つけることはできません。

例えば：

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

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

すべての例では、純粋にタイプなしでイベントを使用しています。そのようなタイプが存在するかどうかを知るには興味があります。

angulartypescripttypescript-typings
7
Vaaljan

使用 ファイル

ファイルインタフェースはファイルに関する情報を提供し、WebページでJavaScriptを使用してコンテンツにアクセスできます。

これを試して

component.html

<input type="file" (change)="fileChangeEvent($event.target.files)">
 _

component.ts

fileChangeEvent(e: File[]){}
 _
1
Chellappan வ

タイプはEventです。

fileChangeEvent(e: Event){}
 _
1
Sudarshana Dayananda

ファイルの種類を取得する1行のステートメント::
[。] fileInput：Any

[。] FetchFileType（$ EVENT）;

fetchFileType（FileInput：any）{
[。] filename = this.fileInput.target.files [0];
[。] filetype = filename.type;
[。_____）

0
Pankaj Kumar

角度10以上：

component.html

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

component.ts

  upload(event: Event) {
      const target = event.target as HTMLInputElement;
      const files = target.files as FileList;
      console.log(files);
  }
 _
0
Sajad