Skip to content

Commit bb95407

Browse files
author
Your Name
committed
Angular Forms In Depth
1 parent ac215d5 commit bb95407

File tree

2 files changed

+18
-2
lines changed

2 files changed

+18
-2
lines changed

src/app/file-upload/file-upload.component.html

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11

2-
<input type="file" class="file-input">
2+
<input type="file" class="file-input"
3+
(change)="onFileSelected($event)" #fileUpload>
34

45
<div class="file-upload">
56

@@ -9,7 +10,8 @@
910

1011
</mat-form-field>
1112

12-
<button mat-mini-fab color="primary" class="upload-btn">
13+
<button mat-mini-fab color="primary" class="upload-btn"
14+
(click)="fileUpload.click()">
1315
<mat-icon>attach_file</mat-icon>
1416

1517
</button>

src/app/file-upload/file-upload.component.ts

+14
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,18 @@ export class FileUploadComponent {
1717

1818
fileName = '';
1919

20+
onFileSelected(event) {
21+
22+
const file:File = event.target.files[0];
23+
24+
if (file) {
25+
26+
this.fileName = file.name;
27+
28+
console.log(this.fileName);
29+
30+
}
31+
32+
}
33+
2034
}

0 commit comments

Comments
 (0)