上傳帶有角度 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;
}