Chapter 6
Components Continued & Firebase Storage: Creative Cards App
Section 3
Creating the Image Upload component
Hopefully now you should have Firebase initialized in your app with no console errors. If you do, then you are ready to create the ImageUpload component. This component, will be responsible for doing a few things: It will have a HTML file input to allow users to select an image from their system It will also push the selected image to Firebase It will have a progress bar to show the progress of the upload to Firebase There will be an image preview thumbnail Also, it will have a button to then confirm we want to use this selected image Then finally, it will emit the name of the image selected to the parent component Later, this image name will be passed to the ImageOutput component to download the file from Firebase