Breaking News: Grepper is joining You.com. Read the official announcement!

File Upload with Angular Material

azaxdev answered on August 21, 2021 Popularity 10/10 Helpfulness 5/10

answer File Upload with Angular Material

File Upload with Angular Material

Comment

<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>


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

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: angular-material file-upload javascript

Link to this answer
Share Copy Link