nitin27may / azure-blob-upload-nodejs Public

Notifications You must be signed in to change notification settings
Fork 6
Star 8

A modern Azure Blob Storage example using Node.js (Express.js 4.18) API and Angular 19 with Material Design. Features file, chunk, and stream upload APIs for scalable cloud storage integration. Perfect for developers seeking efficient and user-friendly solutions.

MIT license

8 stars 6 forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 16 Commits
.github/workflows		.github/workflows
api		api
frontend		frontend
.gitignore		.gitignore
LICENSE		LICENSE
readme.md		readme.md

Repository files navigation

Azure Blob file Upload (JavaScript v12 SDK - @azure/storage-blob)

This is a sample project for uploading (images, videos etc ) using JavaScript v12 SDK (@azure/storage-blob) in Node.js and get a SAS url to access the files.

We have used Angular 15.0.3 for the for frontend (Drag and Drop) and expresjs to expose rest apis to upload file and get SAS token attached URLs.

Getting started

Clone the project (you can download too) and run npm install in frontend and api folders to install all depndencies.
Navigate to api folder. Rename .env.example to .env and add your Azure storage details (Storage account name, key also add connection string).
Run npm run dev-server in frontend and api folder. It will start both frontend and api in development mode.

 git clone https://github.com/nitin27may/azure-blob-upload.git

 cd azure-blob-upload/api

 npm i
 
 npm run dev-server

 cd azure-blob-upload/frontend

 npm i

 npm run dev-server