Please follow the below steps –
Step 1: Create a WCF service method for downloading the image from the azure blob storage.
// pass parameter as pImageName, that need to be downloaded from blob
Step 2: Create an html control for holding the image.
Comment – Create a html <div> to hold the picture.
Comment – Put a progress image for checking the progress.
Follow the CSS styles below (Optional)
Step 3: Get result from a WCF service method by an Ajax call.
On the page load call a function to get the image code and render it into an html control.
Let’s say the function name is RenderPreview.
This is a custom method in Jquery, which is containing three parameters
Ø Html control where we will render the image code
Ø Picture name which picture code needs to download from the blob storage
Ø Boolean value which shows the progress image
Please follow the all steps, it should work fine.