Drag & drop multiple images uploader with react & firebase - complete app #8

Learn how to create a custom, from scratch, drag & drop multiple images, auto-resize them & then upload them to firebase google storage buck. All of this is done with React and HTML5.

Chapters:

00:00 Previous video recap
01:53 Dropbox component styling
11:10 Drag & drop multiple files with HTML5
24:14 Resizing images with Javascript
38:22 Displaying user dropped image to the browser
56:58 Uploading the images to firebase storage
01:02 Update book with the new images

- Starter source code:
* checkout branch author-image-upload-p7

- Final Code for part 8:
* checkout branch p8-multi-img-upload

Previous video link:

- About This Channel
This channel features high-quality learning materials related to web developments.
The focus is on the javascript eco-system like ReactJS, NodeJS.
Practice by developing sizable applications with all the details of a real app... you'll love it.

Subscribe to get notified for new videos:

#react #reactjs #firebase #firestore #javascript #HTML5

[nyfever]

Thanks for the video. Learn something new. Is there any way to change the image file name without going through base64URL conversion? a simple way to change the file name aaa.jpg to Date.now().jpg ??? keeping the type of the image extension? Thanks!

[hizzly]

is there easy way to upload multiple picutres instead of this ?

[leticiabakiaj]

is there a way of searching the added data from firestore on reactjs?