上传带有角度 5 和材料的文件

Question

我正在使用 Angular 5 和material library 。 我需要上传一个文件，但在文档中，我没有找到完成此任务的解释。

有没有人有同样的需求可以给我推荐一个好的教程或文档？

Tnx

Answer 1

有一个很好的库可以处理这个也遵循 Marerial Design 的需求。 见附件链接：

TeraData 文件上传示例

Answer 2

我遇到了同样的问题，我使用 Angular Material 个性化了一个组件，没有外部库，并将所选文件的名称反馈到字段中：

HTML

<mat-form-field class="columns">
    <mat-label *ngIf="selectedFiles; else newFile">{{selectedFiles.item(0).name}}</mat-label>
    <ng-template #newFile>
        <mat-label>Choose file</mat-label>
    </ng-template>
    <input matInput disabled>
    <button mat-icon-button matSuffix (click)="fileInput.click()">
        <mat-icon>attach_file</mat-icon>
    </button>
    <input hidden (change)="selectFile($event)" #fileInput type="file" id="file">
</mat-form-field>

TS

selectFile(event) {
    this.selectedFiles = event.target.files;
}