Microsoft.Storage.StorageBlobSelector UI element

  • Article

A control for selecting a blob from an Azure storage account.

UI sample

The user is presented with the option to browse for available storage blobs.

Microsoft.Storage.StorageBlobSelector - browse

After selecting Browse, the user can select a storage account.

Microsoft.Storage.StorageBlobSelector - select storage

The user sees the containers in the storage account and can select one.

Microsoft.Storage.StorageBlobSelector - select container

From the container, the user can select a file.

Microsoft.Storage.StorageBlobSelector - file

The control is updated to display the selected file name.

Microsoft.Storage.StorageBlobSelector - show select file

Schema

{
  "name": "storageBlobSelection",
  "type": "Microsoft.Storage.StorageBlobSelector",
  "visible": true,
  "toolTip": "Select storage blob",
  "label": "Package (.zip, .cspkg)",
  "options": {
    "text": "Select Package"
  },
  "constraints": {
    "allowedFileExtensions": [ "zip", "cspkg" ]
  }
}

Sample output

{
  "blobName": "test.zip",
  "sasUri": "https://azstorageaccnt1.blob.core.chinacloudapi.cn/container1/test.zip?sp=r&se=2020-10-10T07:46:22Z&sv=2019-12-12&sr=b&sig=X4EL8ZsRmiP1TVxkVfTcGyMj2sHg1zCbFBXsDmnNOyg%3D"
}

Remarks

The constraints.allowedFileExtensions property specifies the allowed file types.

Next steps