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

时间:2017-08-11 12:04:41

标签: javascript angularjs http

我有项目:

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。

1 个答案:

答案 0 :(得分:0)

试试这个。

    <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]);
          }
    }