使用UploadBrowserDataToBlockBlob从Javascript上载时在Azure Blob上设置ContentType

使用UploadBrowserDataToBlockBlob从Javascript上载时在Azure Blob上设置ContentType,javascript,azure,pdf,content-type,azure-blob-storage,Javascript,Azure,Pdf,Content Type,Azure Blob Storage,要在浏览器中显示PDF文件(而不是下载),您需要为其提供application/PDFcontent-type标题 默认情况下,Azure Blob存储文件设置为application/octet-stream。通过在blob上更新内容类型,可以在后端更改内容类型。。。我们想在上传时设置它 使用@azure/storage blob()npm包上载PDF文件,我们找不到正确的设置方法 尝试了以下代码的多次迭代,但均无效 。。。 常数blobOptions={ 元数据:{'contentType'

要在浏览器中显示PDF文件(而不是下载),您需要为其提供
application/PDF
content-type标题

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

使用
@azure/storage blob
()npm包上载PDF文件,我们找不到正确的设置方法

尝试了以下代码的多次迭代,但均无效

。。。
常数blobOptions={
元数据:{'contentType':'application/pdf'},
……其他选择
};
uploadBrowserDataToBlockBlob(中止、文件、blob、blob选项)
...
  • 注意-这可用于为任何内容设置正确的mime类型。。。但浏览器在转换.jpg、.png等文件时似乎没有问题。。。只有我看到的.pdf有问题

    • 我的同事找到了答案:

      ...
      const blobOptions = {
          blobHTTPHeaders: { blobContentType: 'application/pdf' },
          ... other options
      };
      
      Azure.uploadBrowserDataToBlockBlob(aborter, file, blob, blobOptions)
      ...
      

      并将
      x-ms-blob-content-type
      标题添加到Azure storage CORS设置中。

      第一次工作,感谢您使用应答进行更新工作,在angular中从流响应打开pdf,谢谢!在找到这个之前,我看了6种不同的方法,效果非常好!谢谢你救了我的命!