Azure Blob Storage is used to store arbitrary unstructured data like images, files, backups, etc. Aidbox offers integration with Blob Storage to simplify upload and retrieval of data. You can read more on Blob Storage internals here. All examples from this tutorial are executable in Aidbox REST console.
First of all we have to create AzureAccount resource with id = account name and key = secret key of your account. Your account name and keys can be found under "Access keys" section in Azure Storage account settings.
POST /AzureAccount​id: aidboxkey: <..................>
Go to Azure console and create container, for example, "avatars". Now we can create an AzureContainer resource:
POST /AzureContainer​id: avatarsaccount: {id: aidbox, resourceType: AzureAccount}storage: aidboxcontainer: avatars
When configuration is complete, you can request temporary URL to upload blobs. By default, such URL expires in 30 minutes. You can provide blob name or just the extension (name will be generated).
POST /azure/storage/avatars​blob: pt-1.png# extension: png​---status: 200url: https://aidbox.blob.core.windows.net/avatars/pt-1.png?sr=............
Configure CORS in azure if you want to send data from browser:
Now you can upload file from your UI using signed URL provided by Aidbox:
//onChange input[type=file]var file = inputEvent.file.originFileObj;fetch("<signed-url>", {method: 'PUT',body: file,headers: {'x-ms-blob-type': 'BlockBlob'}}).then(...)
To read uploaded file you can request signed url with:
GET /azure/storage/avatar/pt-1.png​---status: 200url: <read-signed-url>​# or​GET /azure/storage/avatar/pt-1.png?redirect=true​---status: 302headers:Locaiton: <read-signed-url>
For example you can use trick with redirect to render image:
<img src="/azure/storage/avatar/pt-1.png?redirect=true"/>