Azure Blob Storage & Angular - Using Azure Blob Storage Javascript Library with SAS Tokens

In this video you learn azure blob storage, from setup to implementation of an angular webpage client with shared access signatures (SAS) tokens.

Intro: (00:00)
Azure Blob Storage Setup: (01:15)
Blob URLs & Access Levels: (03:15)
Blobs URLs on Webpage: (04: 25)
Azure Blob Storage Javascript Library with Angular: (05:05)
List & Download Blobs: (06:05)
Use SAS Token to Upload & Delete Blobs: (08:31)
Use SAS Token to read restricted Blobs: (13:37)
Outro: (14:02)

[EBOLAtugfeTV]

THANK YOU SO MUCH!! This video helped me a lot. Easy to follow the steps, simple and it works like a charm. In one day I went from zero idea what to do, to a fully operational module on my app. Thanks again.

[franciscocastanedasanchez]

Thank you very much for this collaboration, it was a great help in the implementation of Angular vs Blob storage... Best regards!

[eeheey]

Great solution and nice explanation of everything. Good job brother, you helped me a lot!
Best Regards!

[leoazevedo-dev]

Thank you very much, it helped me a lot. By Brazil

[ownstudio]

hey how to show progress bar for this. I'm uploading large file for that i need to show progressbar.

[Lexp]

Thanks. Very useful. How do you set up a permanent upload button? One without using expiring tokens.

[vsa]

Hi This is fantastic.I tried the code it is working fine.But when i try to download 10 mb file im facing some page freeze issue.once i press f12 in the browser its working fine . i have included set time out in download Image public method

[MarioGarcia-kklp]

how can i resume uploading files to blob storage if internet connection is lost without starting over?

[luisfernandodasilva]

how can I download the picture instead of just see it?

[benbycoco]

Please don't do any of the upload stuff in this way. Storing a SAS Token statically in frontend application is just a really bad idea. Anyone with access to the public page could fetch them easy(!) and use them for malicious usecases.
For public blobs, okay. Also here not recommend but okay. For anything else use a backend service between your frontend and the blob storage!

[luisfernandodasilva]

how can I download the picture instead of just see it?