Question

我有项目：

app.component.html

<div>
    <input type="file" ([ngModel])="file" accept="application/pdf" onChange="change()">
</div>

app.module.ts：

file: File = null;

change(){
    console.log(file);
}

因此，当我选择任何pdf文件时，没有任何反应。为什么？我找不到任何有用的东西。我需要通过Http发送此文件 - 至少文件名。我正在使用Angular4和npm。

Answer 1

试试这个。

    <div>
        <input type="file" ([ngModel])="file" accept="application/pdf" (change)="fileChange($event)">
    </div>



    public fileChange(fileInput: any){
          if (fileInput.target.files && fileInput.target.files[0]) {                
                console.log(fileInput.target.files && fileInput.target.files[0]);
          }
    }

如何将文件加载到角度组件并通过http

1 个答案: