We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent ac215d5 commit bb95407Copy full SHA for bb95407
src/app/file-upload/file-upload.component.html
@@ -1,5 +1,6 @@
1
2
-<input type="file" class="file-input">
+<input type="file" class="file-input"
3
+ (change)="onFileSelected($event)" #fileUpload>
4
5
<div class="file-upload">
6
@@ -9,7 +10,8 @@
9
10
11
</mat-form-field>
12
- <button mat-mini-fab color="primary" class="upload-btn">
13
+ <button mat-mini-fab color="primary" class="upload-btn"
14
+ (click)="fileUpload.click()">
15
<mat-icon>attach_file</mat-icon>
16
17
</button>
src/app/file-upload/file-upload.component.ts
@@ -17,4 +17,18 @@ export class FileUploadComponent {
18
fileName = '';
19
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
34
}
0 commit comments