Unable to set contentType when uploading file using uploadFile

[csanghvi-stripe]

If i am uploading a file, there isnt a property to set the content type. File is then saved in blob storage with default applicaiton/octet mime type.

    const containerClient = blobServiceClient.getContainerClient(container)
    // const content = 'Hello world!'
    const blobName = 'newblob' + new Date().getTime()
    const blockBlobClient = containerClient.getBlockBlobClient(fileName)
    // const uploadBlobResponse = await blockBlobClient.upload(content, content.length)
    var options = {contentSettings:{contentType:'image/png'}}
    const uploadBlobResponse = await blockBlobClient.uploadFile(localFilePath, {
      blockSize: 4 * 1024 * 1024, // 4MB block size
      parallelism: 20, // 20 concurrency
      progress: (ev) => console.log(ev),
      options: options
    })

Edited: code formatting

[XiaoningLiu]

@csanghvi Will take a look.

[ljian3377]

@csanghvi
You can specify the content type with BlockBlobParallelUploadOptions.blobHTTPHeaders.blobContentType.

var options = {blobContentType:'image/png'}
const uploadBlobResponse = await blockBlobClient.uploadFile(localFilePath,
{blockSize: 4 * 1024 * 1024, parallelism: 20, onProgress: (ev) => console.log(ev),
blobHTTPHeaders: options})

[shivarajnaidu]

Not able to set content type.. it's by default getting saved as octane stream (Default) even though if I set the content type as image/png as below..

  const blockBlobClient = containerClient.getBlockBlobClient('myImag6.png', { blobHTTPHeaders: { blobContentType: 'image/png' } });

[ljian3377]

Not able to set content type.. it's by default getting saved as octane stream (Default) even though if I set the content type as image/png as below..

  const blockBlobClient = containerClient.getBlockBlobClient('myImag6.png', { blobHTTPHeaders: { blobContentType: 'image/png' } });

@shivarajnaidu
The interface you used dosen't support additional parameters apart from the blobName.

public getBlockBlobClient(blobName: string): BlockBlobClient {}

Could you refer to the code I provided?

var options = {blobContentType:'image/png'}
const uploadBlobResponse = await blockBlobClient.uploadFile(localFilePath,
{blockSize: 4 * 1024 * 1024, parallelism: 20, onProgress: (ev) => console.log(ev),
blobHTTPHeaders: options})

Or are you asking for a way to save the setting for the blob?

[shivarajnaidu]

Thanks for the clarification @ljian3377