javascript - 使用 UploadBrowserDataToBlockBlob 从 Javascript 上传时在 Azure Blob 上设置 ContentType

Question

要在浏览器中显示 PDF 文件 - 而不是下载 - 您需要为它们提供application/pdf内容类型标题。

默认情况下，Azure Blob 存储文件设置为application/octet-stream. 可以通过在 blob 上更新内容类型在后端更改内容类型……我们希望在上传时设置它。

@azure/storage-blob使用（文档）npm 包上传 PDF 文件我们找不到正确的设置方法。

尝试了以下代码的多次迭代无济于事。

...
const blobOptions = {
    metadata: { 'contentType': 'application/pdf' },
    ... other options
};

Azure.uploadBrowserDataToBlockBlob(aborter, file, blob, blobOptions)
...

• 注意 - 这可以用来为任何东西设置正确的 mime 类型......但是浏览器似乎在转换 .jpg、.png 等时没有问题......只有我见过的 .pdf 有问题。

标签： javascriptazurepdfcontent-typeazure-blob-storage

Answer 1

我的同事找到了答案：

...
const blobOptions = {
    blobHTTPHeaders: { blobContentType: 'application/pdf' },
    ... other options
};

Azure.uploadBrowserDataToBlockBlob(aborter, file, blob, blobOptions)
...

并将x-ms-blob-content-type标头添加到 Azure 存储 CORS 设置。