Rendering PDFs containing Images stored in Azure Blob Storage

When we use IronPDF to render HTML to PDF, some developers would like to use Images stored in Azure Blob Storage.

This causes an issue because the image data is stored as binary rather than as a file which could easily by references by HTML.

The work-around is to convert images as base64 string and add it in a img src.

var blob = blobContainer.GetBlobReference("867.jpg");

var stream = new MemoryStream();

await blob.DownloadToStreamAsync(stream);

var array = newbyte[blob.Properties.Length];

await blob.DownloadToByteArrayAsync(target: array, 0);

var base64 = Convert.ToBase64String(array);

var ImageTag = $"<img src=\"data:image/jpeg;base64, {base64}\"/><br/>";

var blob = blobContainer.GetBlobReference("867.jpg");

var stream = new MemoryStream();

await blob.DownloadToStreamAsync(stream);

var array = newbyte[blob.Properties.Length];

await blob.DownloadToByteArrayAsync(target: array, 0);

var base64 = Convert.ToBase64String(array);

var ImageTag = $"<img src=\"data:image/jpeg;base64, {base64}\"/><br/>";

Dim blob = blobContainer.GetBlobReference("867.jpg")

Dim stream = New MemoryStream()

Await blob.DownloadToStreamAsync(stream)

Dim array = newbyte(blob.Properties.Length)

Await blob.DownloadToByteArrayAsync(target:= array, 0)

Dim base64 = Convert.ToBase64String(array)

Dim ImageTag = $"<img src=""data:image/jpeg;base64, {base64}""/><br/>"

The ImageTag variable can then be merged into an HTML document and rendered as a PDF as shown here: