[Blob Storage] Invalid HTTP Header When Uploading PDF

[aiell0]

• Package Name: azure-blob
• Package Version: 12.24.0
• Operating system: MacOS
• nodejs
  • version: v22.2.0
• browser
  • name/version: Arc
• [] typescript
  • version:
• Is the bug related to documentation in
  • README.md
  • source code documentation
  • SDK API docs on https://learn.microsoft.com

Describe the bug
Getting the following error: Failed to save file <file>. Error: Error: Failed to upload file to Azure: One of the HTTP headers specified in the request is not supported

To Reproduce
Steps to reproduce the behavior:

1. Use NestJS
2. Run the following code:

      const blockBlobClient: BlockBlobClient = this.azureClient.getBlockBlobClient(store.key);
      await blockBlobClient.uploadStream(readStream, undefined, undefined, {
        blobHTTPHeaders: {
          blobContentType: 'application/pdf',
          blobContentLanguage: 'en-US',
          blobContentEncoding: 'utf-8',
        },
        onProgress: (progress) => {
          this.logger.debug(progress);
        }
      }).catch((error) => {
        this.logger.error(`Error uploading to Azure Blob Storage: ${error.message}`);
        throw new Error(`Failed to upload file to Azure: ${error.message}`);
      });
      this.logger.debug(`"${store.key}" uploaded to Azure Blob storage.`);
    } else {
      throw new Error("No client found");
    }

Expected behavior
Expected the file to upload.

ScreenshotsN/A

Additional context
Add any other context about the problem here.

[github-actions]

Thanks for the feedback! We are routing this to the appropriate team for follow-up. cc @xgithubtriage.

[aiell0]

Update: I have discovered that I only get this problem when attempting to upload pdf files. With other formats (docx, xlsx, csv, etc) it works fine.

[aiell0]

Created a Stack Overflow question too for cross-post: https://stackoverflow.com/questions/79484198/invalid-http-header-when-uploading-pdf

[aiell0]

I ended up just refactoring my code to use the following:

      const blockBlobClient: BlockBlobClient = this.azureClient.getBlockBlobClient(store.key);
      const chunks: Buffer[] = [];
      for await (const chunk of readStream) {
        chunks.push(Buffer.from(chunk));
      }
      const buffer = Buffer.concat(chunks);
      await blockBlobClient.uploadData(buffer).catch((error) => {
        this.logger.error(`Error uploading to Azure Blob Storage: ${error.message}`);
        throw new Error(`Failed to upload file to Azure: ${error.message}`);
      });
      this.logger.debug(`"${store.key}" uploaded to Azure Blob storage.`);
    } else {
      throw new Error("No client found");
    }

I'm going to leave this open as it doesn't fix the core issue. But just wanted to show a workaround does exist.