如何使用适当的内容类型将图像上载到Azure Blob存储

Question

我已经阅读了MS提供的大多数文档，可以将文件/图像上传到Blob存储。已经两天了，我卡住了。我没有找到一个合适的方法来上传内容类型正确的图片。文件/图像已上载，但上载到BLOB存储后的内容类型更改为“应用程序/八位字节流”。我希望它是'image/png'或'image/jpg'等图像。

有一些C#代码示例，但它们并不有用。我在试node。js

使用的SDK库：@azure/storage blob

参考资料：

• https://azuresdkdocs.blob.core.windows.net/$web/javascript/azure存储blob/12.0.1/classes/blockblobclient。html#上传文件
• https://docs.microsoft.com/en-us/javascript/api/@azure/存储blob/BlockBlob客户端？view=azure节点最新版本

示例代码：

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 });

HTTPHeaderOptions：

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

我有一个类似的问题，就像最初的海报一样，发现micosoft的文档和示例相当糟糕。我本以为上传图像是一件相当常见的事情，但他们的示例中没有一个使用更新的存储api来改变内容类型。无论如何，我的实现与乔治·陈的相似，如下所示

BlobClient BlobClient=photoContainer。GetBlobClient（文件名）；blobClient。UploadAsync（f.InputStream，新BlobHttpHeader{ContentType=“image/jpeg”}）`

Answer 2

假设您的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)