Setting content type using BlobServiceClient

Question

I'm using Azure.Storage.Blobs library v12 to upload files to my Azure Blob Storage container.

It's working fine but I haven't been able to figure out a way to set the content-type for the file.

I found some documentation but the intellisense is not giving me any options to set BlobHttpHeaders. How do I set the content type for the file I upload?

Here's my code

public class StorageService : IStorageService
{
    private string containerName = "my-container";
    private static string connectionString = "my-connection-string";
    private readonly BlobServiceClient _client;

    public StorageService()
    {
        _client = new BlobServiceClient(connectionString);
    }

    public async Task<string> UploadFile(string filePath, string fileName)
    {
        try
        {
            // Generate a unique name for the blob we're uploading
            var blobName = Guid.NewGuid().ToString() + "__" + fileName;

            var _blobContainerClient = _client.GetBlobContainerClient(containerName);

            using (var fileStream = File.OpenRead(filePath))
                await _blobContainerClient.UploadBlobAsync(blobName, fileStream).ConfigureAwait(false);

            return blobName;
        }
        catch
        {
            throw new Exception();
        }
    }
}

Add it to the name of the stream your saving. for example fileName.jpeg — Amjad S.
– Amjad S., Commented Mar 15, 2022 at 21:05
It's there already but that's not doing the trick though. When I check the uploaded file on Azure Blob Storage, it's showing application/octet-stream as its content type even though it's a jpg file. — Sam
– Sam, Commented Mar 15, 2022 at 21:15

Amjad S. · Accepted Answer · 2022-03-15 21:33:30Z

3

Try

try
{
// Generate a unique name for the blob we're uploading
var blobName = Guid.NewGuid().ToString() + "__" + fileName;
var _blobContainerClient = _client.GetBlobContainerClient(containerName);

BlobClient blob = _blobContainerClient.GetBlobClient(fileName);

var blobHttpHeader = new BlobHttpHeaders();
string extension = Path.GetExtension(blob.Uri.AbsoluteUri);
switch (extension.ToLower())
{
    case ".jpg":
    case ".jpeg":
        blobHttpHeader.ContentType = "image/jpeg";
        break;
    case ".png":
        blobHttpHeader.ContentType = "image/png";
        break;
    case ".gif":
        blobHttpHeader.ContentType = "image/gif";
        break;
    default:
        break;
}

await using (var fileStream = new MemoryStream(imageBytes))
{
    var uploadedBlob = await blob.UploadAsync(fileStream, blobHttpHeader);
}
}
catch
{
  throw new Exception();
}

please check this too : check

edited Mar 15, 2022 at 21:33

answered Mar 15, 2022 at 21:20

Amjad S.

1,2411 gold badge7 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sam Over a year ago

I see that you've switched from BlobServiceClient to BlobClient. In all honesty, I don't know the difference between the two. As you can see in my code, I was instantiating BlobServiceClient in the constructor so that I can reuse it in all my methods e.g. UploadFile() and other methods. The BlobClient wants filename when you instantiate it so how would I reuse it if I instantiate it inside the UploadFile() method because filename will be different everytime I use the BlobClient?

Gaurav Mantri Over a year ago

Looking at the documentation here, it is not possible to set the content type when using UploadBlobAsync method in BlobContainerClient. You will need to use BlobClient.

Sam Over a year ago

Hey @GauravMantri. Thanks for chiming in. Does that mean I’m creating a new instance of BlobClient every time I upload a file?

Gaurav Mantri Over a year ago

That’s correct and it’s completely fine.

Collectives™ on Stack Overflow

Setting content type using BlobServiceClient

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related