Angular Drag-and-Drop File Uploads to Firebase Storage

[@MrDovanele]

Great informative tutorial, non distracting background music - PERFECT!

[@TheTimeProphet]

Why did you use a class rather than an interface?

[@mudso]

very nice tutorial, thanks! But could you lower the background music volume(like -70%) cos it really crashes with your voice. Had to replay many times to catch what you said. Excellent tut, tho, please do more!

[@adlercoelhosantos1513]

Great tutorial but my variable "filesList" is empty, what's wrong?

[@akashkapadiya]

Hii sir. Angular 8 How to upload multiple files on change events and Multiple each files progress bar like (0 to 100) Each files show progress baar Note : Uploaded files save only any folder not save to database Please help me sir

[@abdelhakdalhoumi1615]

images not appearing before upload ?

[@kasperverber]

Great video. Would it be possible to browse for files on click, as a would?

[@Fireship]

Yes. Check out this video covering basic file uploads via an input. kzbin.info/www/bejne/a6LShmR7nteGo9E

[@rhoumafoudhaili8362]

im having only H3 ! this was asked on the disqus in your lessions page

[@jaydesai6813]

Can we do this without using firebase? or does anyone knows how to do this without firebase?

[@kiambojyms2196]

How do you without firebase...

[@DJPAKK1]

Do you have a newer version since Firebase updated?

[@patrickmadrigal9479]

I can't make the the dropzone appear, i am not sure if i require any additional css coding for this but

[@Fireship]

You may need to add CSS like "height: 300px" to make that part work.

[@patrickmadrigal9479]

Yeah.. I added the following code to css for that: .dropzone{ position: relative; width: 250px; height: 250px; margin: 10px; border: 1px gray; float: left; } with same results

[@thiagocunha7469]

When you add $ as a parameter prefix, does that mean what?

[@MrScar9610]

Its naming for observables angular.io/guide/rx-library

[@divyabernet2970]

I need ZIP File in this project

[@satyam3993]

For some folks drop might not work. Just add $event.stopPropagation() in each HostListener functions. Read more here - developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

[@i-heart-google7132]

Outdated video. AngularFire already does have the file-upload capability.

[@suboorkhan3055]

can you suggest me a video or something?

[@amerpire]

Awesome, but slowly 😅

[@lexx6680]

what is music play ?)

[@markmiller9861]

How are you displaying the images uploaded with the delete button?

[@Fireship]

I save the download url to the database, so I can just query it then use something like . Consider joining our slack team to talk code in more detail. Here's your invite join.slack.com/t/angularfirebase/shared_invite/MjA2NTgxMTI0MTk2LTE0OTg4NTQ4MDAtMjhhZDIzMjc0Mg

[@enriquehernandez1805]

Excelente tutorial!!! Gracias

[@DarkoLuketic]

Why are you always creating half-assed videos? Why not go the full length?You left out the css

[@brankokostic5048]

Your videos are generally quite good on Angular side. Quite often you come up with some very nice concepts. However, I am not sure why you keep on polluting your videos unnecessarily with Firebase stuff. Firebase is just another one of many server side technologies for storing data. There is no real need to spoil your videos by insisting on using Firebase.

[@mikha2880]

fireship use linux btw