File tree Expand file tree Collapse file tree 2 files changed +18
-2
lines changed Expand file tree Collapse file tree 2 files changed +18
-2
lines changed Original file line number Diff line number Diff line change 1
1
2
- < input type ="file " class ="file-input ">
2
+ < input type ="file " class ="file-input "
3
+ (change) ="onFileSelected($event) " #fileUpload >
3
4
4
5
< div class ="file-upload ">
5
6
9
10
10
11
</ mat-form-field >
11
12
12
- < button mat-mini-fab color ="primary " class ="upload-btn ">
13
+ < button mat-mini-fab color ="primary " class ="upload-btn "
14
+ (click) ="fileUpload.click() ">
13
15
< mat-icon > attach_file</ mat-icon >
14
16
15
17
</ button >
Original file line number Diff line number Diff line change @@ -17,4 +17,18 @@ export class FileUploadComponent {
17
17
18
18
fileName = '' ;
19
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
+
20
34
}
You can’t perform that action at this time.
0 commit comments