Upload images to Azure Blob Storage from a static web app
Learn how to securely upload images to Azure Blob Storage from a static web app by using an Azure Function to generate on-demand shared access signatures.
Learning objectives
In this module, you will:
- Evaluate when to use shared access signatures (SAS) to grant access to Azure Blob Storage.
- Generate SAS tokens on-demand to authenticate image uploads request.
- Use the SAS token to upload an image to Azure Blob Storage.
- Implement file uploads in a static web app by following security best practices.
Prerequisites
- Ability to create their own Azure Storage account
- Know the basic concepts of Static Web Apps
- Know the basic concepts of Azure Functions
- Node.js LTS and Visual Studio Code
- Azure Functions Extension for Visual Studio Code installed
- Azure Functions Core Tools installed