Image processing from Azure Blob storage

Questions
1

Hi everyone

I’m running into some issues on my regarding processing images using Azure Blob Storage for images and SixLabors.Imagesharp for processing.
Specifically these 2 packages:
Umbraco.StorageProviders.AzureBlob
Umbraco.StorageProviders.AzureBlob.ImageSharp
I’m on an Umbraco 17.1 solution

I have used the azureblob for some time and decide to install the imagesharp package

in the html i call the image like this: src=“/media/ytgahazv/images.jpg?width=960&height=756&format=webp”
But it does look like the request never gets intercepted by the imagesharp middleware and hence the image never gets processed.

I’m follow the documentation here from this article

Heres my setup:

in the startup.cs I have the

services.AddUmbraco(this.env, this.config)
.AddBackOffice()
.AddWebsite()
.AddDeliveryApi()
.AddComposers()
.AddAzureBlobMediaFileSystem()
.AddAzureBlobImageSharpCache()
.Build();

“Storage”: {
“AzureBlob”: {
“Media”: {
“ConnectionString”: “DefaultEndpointsProtocol=https;AccountName=<media accountname>;AccountKey=<key>”,
“ContainerName”: “umbraco-media”,
“ContainerRootPath”: “”
}
}

I would appreciate any suggestions on how to fix this.

2

Could you try

Stop the site and

Delete:

/umbraco/Data/TEMP/PluginCache

Restart the site.

Is there anything listed in the logs?

I assume you already configured the `appSettings.json’?

1 Like
3

I found a solution to my own problem.

The app.UseStaticFiles() cut off the middleware for image processing