Upload images to Azure Blob Storage from a static web app

Beginner
Developer
Azure

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

Get started with Azure

Choose the Azure account that's right for you. Pay as you go or try Azure free for up to 30 days. Sign up.