Firebase & AngularFire In Depth

Author: Your Name

src/app/create-course/create-course.component.html

@@ -16,6 +16,8 @@ <h3>Create New Course</h3>
 
       <img class="course-thumbnail mat-elevation-z3">
 
+      <input type="file" (change)="uploadThumbnail($event)">
+
     </div>
 
     <mat-form-field appearance="outline">

src/app/create-course/create-course.component.ts

@@ -31,10 +31,20 @@ export class CreateCourseComponent implements OnInit {
   constructor(private fb:FormBuilder,
               private coursesService:CoursesService,
               private afs: AngularFirestore,
-              private router: Router) {
+              private router: Router,
+              private storage: AngularFireStorage) {
 
   }
 
+    uploadThumbnail(event) {
+
+      const file:File = event.target.files[0];
+
+      console.log(file.name);
+
+
+    }
+
   ngOnInit() {
       this.courseId = this.afs.createId();
   }