Thanks to sudhAnsu63 and Steve G for helpful answers!
Here is a minimum reproducible code solution in visual basic that sets ContentType and uploads to azure blob storage by calling the function "uploadImageBlob", setting the content type will help the browser with knowing what to do with the image, so that it will just display the image/file instead of starting a download when accessed.
As an aside I would not just copy and paste this into your code and would hope you handle your connection strings and file names in a better more dynamic manner.
Public Function uploadImageBlob() As String
' variables we will need in this function
Const containerName As String = "exampleContainer"
Dim azureConnectionString As String = WebConfigurationManager.ConnectionStrings("NameOfConnectionString").ConnectionString
Dim fileNameWithExtension As String = "example.png"
Dim filePath As String = "/WhereYourImagesAre/"
' requires being able to use path
Dim blobName As String = Path.GetFileNameWithoutExtension(fileNameWithExtension)
Dim container As BlobContainerClient = New BlobContainerClient(AzureConnectionString, containerName)
container.CreateIfNotExists()
Dim blob As BlobClient = container.GetBlobClient(fileNameWithExtension)
Dim blobHeader = New Models.BlobHttpHeaders
blobHeader.ContentType = Me.getFileContentType(fileNameWithExtension) '("image/png")
blob.UploadAsync(filePath & fileNameWithExtension, blobHeader)
return "bob upload!!!"
End Function
Public Function getFileContentType(pFileWithExtension As String) As String
Dim ContentType As String = String.Empty
Dim Extension As String = Path.GetExtension(FilePath).ToLower()
' may want more extension types based on your needs
Select Case Extension
Case ".gif"
ContentType = "image/gif"
Case ".jpg"
ContentType = "image/jpeg"
Case ".jpeg"
ContentType = "image/jpeg"
Case ".png"
ContentType = "image/png"
End Select
return ContentType;
End Function
