Skip to content

A demo-project using Angular to upload files directly to Azure BLOB Storage be using a Valet Key

License

Notifications You must be signed in to change notification settings

nikneem/ValetKeyUpload

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Valet Key Upload

This is a demo project that allows async multiple uploads to Azure BLOB Storage using the Valet Key Design Pattern. Read my blog at hexmaster.nl for more information about the background of the Valet Key Design Pattern.

About this project, the backend is written in ASP.NET Core 2.2 (C#) and Visual Studio 2019. The backend connects to a storage account (set the connection string in appsettings.json to your own storage account). The API contains one endpoint and generates a Secure Access Token to a blob on Azure BLOB Storage.

The front-end displays a file select box (multi-select is allowed by-the-way). For each file selecter, it will call the backend API and request access to 'a' BLOB. Then the front-end will upload the selected files directly to Azure BLOB storage.

The front-end system is written using Angular (8). Note you're not tied to Angular, it's just a nice way to show how to upload files to BLOB storage directly.

Note I used some code from Stuart to help me get the actual upload working.

In order to run the front-end project, download and install NodeJS (10).

Open a console window navigate to the front-end project (containing package.json) and type

npm i @angular/cli -g
npm i
ng serve -o

About

A demo-project using Angular to upload files directly to Azure BLOB Storage be using a Valet Key

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages