我正在使用angular-file-uploader（https://www.npmjs.com/package/angular-file-uploader）上传文件，效果很好，但是我找不到获取文件名的方法，我想要将其分配给变量之类的东西，以便稍后使用。
我有一个带有以下html模板的组件：
<angular-file-uploader
[config]="afuConfig"
(ApiResponse)="DocUpload($event)">
</angular-file-uploader>
和TypeScript：
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())
}
您必须在模板中添加一个选择器fileUpload1，例如：
<angular-file-uploader
#fileUpload1
[config]="afuConfig"
(ApiResponse)="DocUpload($event)"
></angular-file-uploader>
在组件的TypeScript部分中，向类添加ViewChild属性：
@ViewChild('fileUpload1')
private fileUpload1: AngularFileUploaderComponent;
最后，您可以在DocUpload函数中获取文件名，如下所示：
DocUpload(res) {
console.log(this.fileUpload1.allowedFiles[0].name);
}
该allowedFiles属性是所有选定文件的数组。如果要使用第一个，则必须使用allowedFiles[0]该name属性，然后通过属性读取名称。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句