Angular 如何获取文件名I'；我上传

我正在使用angular file uploader（）上传文件，它工作正常，但是我找不到一种方法来获取文件名，我想把它赋给一个变量，这样我以后就可以下载它了

我得到了一个具有以下html模板的组件：

<angular-file-uploader 
    [config]="afuConfig"
    (ApiResponse)="DocUpload($event)">
</angular-file-uploader>

---

您必须向名为

fileUpload1

的模板添加选择器，例如：

在组件的TypeScript部分，向类添加ViewChild属性：

@ViewChild（'fileUpload1'）
私有文件上传1:AngularFileUploaderComponent；

最后，您可以在

DocUpload

函数中获得文件名，如下所示：

DocUpload（res）{
console.log（this.fileUpload1.allowedFiles[0].name）；
}

allowedFiles

属性是所有选定文件的数组。如果您想要第一个，您必须使用

allowedFiles[0]

，然后通过

name

属性读取名称。

看起来不错。。

this.afuConfig = {
    uploadAPI: {
        url:"http://localhost:3000/api/containers/container/upload",
    }
};

DocUpload(res){
    console.log(res);
    //I want something like this..
    //console.log(somehow.getFileName())
}