如何使用正确的内容类型将图像上传到 Azure Blob 存储

Question

我已阅读 MS 提供的将文件/图像上传到 Blob 存储的大部分文档。现在已经两天了，我被困住了。我找不到上传具有正确内容类型的图像的适当方法。文件/图像已上传，但上传到 BLOB 存储后的内容类型更改为“application/octet-stream”。我希望它是“image/png”或“image/jpg”等图像。

有C#代码示例，但它们没有用。我正在尝试使用node.js

使用的 SDK 库：@azure/storage-blob

参考 ：

• https://azuresdkdocs.blob.core.windows.net/$web/javascript/azure-storage-blob/12.0.1/classes/blockblobclient.html#uploadfile
• https://learn.microsoft.com/en-us/javascript/api/@azure/storage-blob/blockblobclient?view=azure-node-latest

示例代码：

const bc = new BlockBlobClient(
    rhcConfig.STORAGE_CONNECTION_STRING,
    rhcConfig.CONTAINER_NAME,
    `IMAGES/${fileName}`
  );

  // let result = await bc.uploadFile(_file);
  // console.log(result);

  const buff = Buffer.from(file, "base64");
  const stream = getStream(buff);
  const streamLength = buff.length;
  await bc.uploadStream(stream, streamLength, 1, { httpHeaderOptions });

http标题选项：

const httpHeaders = {
    "x-ms-blob-cache-control": "1000",
    "x-ms-blob-content-type": "image/png",
    "x-ms-blob-content-md5": `${md5Hash}`,
    "x-ms-blob-content-encoding": "compress",
    "x-ms-blob-content-language": "en",
    "x-ms-blob-content-disposition": "multipart/form-data",
  };
  const httpHeaderOptions = { blobHTTPHeaders: httpHeaders };

感谢社区！

Answer 1

如果你的httpHeaderOptions格式不正确，你可以参考这个接口说明：BlobHTTPHeaders，下面是我的测试代码。

const blobServiceClient = BlobServiceClient.fromConnectionString(connectionstr)

const containerClient=blobServiceClient.getContainerClient('test')
const blobclient=containerClient.getBlockBlobClient('test.jpg')
let fileStream = fs.createReadStream('E:\\dog.jpg');
const blobOptions = { blobHTTPHeaders: { blobContentType: 'image/jpg' } };
blobclient.uploadStream(fileStream,undefined ,undefined ,blobOptions)