导航到URL时,Azure Blob始终会下载

时间:2012-08-04 04:41:46

标签: firefox google-chrome azure blob azure-storage

在我们的应用程序中,我们为用户提供了将文档上传到windows azure blob存储帐户的能力。上传文档或图像后,它会被分配一些网址(https://name.blob.core.windows.net/container/file-name.jpg)。如果文档是图像或pdf或某些可由浏览器呈现的文件,我们试图在浏览器中显示它而无需用户下载文件。如果我们只是打开一个新窗口或选项卡并将用户引导到IE中的blob uri,则图像或pdf会在浏览器中正确呈现。但是,如果我们尝试在Chrome,FireFox或Safari中打开一个指向uri的新窗口,它只会下载该文件而不是在浏览器中显示该文件。

有没有办法强制后三个浏览器只显示文件而不是下载?

4 个答案:

答案 0 :(得分:43)

这是因为你没有设置blob的content type属性(默认是application / octet-stream,它会在大多数浏览器中触发下载)。如果您希望正确显示PDF文件,则需要将PDF文件的内容类型更改为 application / pdf (jpeg文件的图像/ jpeg)。

您可以使用Azure Storage Explorer,Cloud Storage Studio,CloudBerry,CloudXplorer等常用工具或使用SDK更改内容类型。请注意,上传文件后,其中一些工具会自动将内容类型设置为正确的。

答案 1 :(得分:24)

   blob.Properties.ContentType = "application/pdf";

//按扩展名获取文件的内容类型

    public static string GetFileContentType(string FilePath)
    {
        string ContentType = String.Empty;
        string Extension = Path.GetExtension(FilePath).ToLower();

        switch (Extension)
        {
            case ConstantUtility.FILE_EXTENSION_PDF:
                ContentType = "application/pdf";
                break;
            case ConstantUtility.FILE_EXTENSION_TXT:
                ContentType = "text/plain";
                break;
            case ConstantUtility.FILE_EXTENSION_BMP:
                ContentType = "image/bmp";
                break;
            case ConstantUtility.FILE_EXTENSION_GIF:
                ContentType = "image/gif";
                break;
            case ConstantUtility.FILE_EXTENSION_PNG:
                ContentType = "image/png";
                break;
            case ConstantUtility.FILE_EXTENSION_JPG:
                ContentType = "image/jpeg";
                break;
            case ConstantUtility.FILE_EXTENSION_JPEG:
                ContentType = "image/jpeg";
                break;
            case ConstantUtility.FILE_EXTENSION_XLS:
                ContentType = "application/vnd.ms-excel";
                break;
            case ConstantUtility.FILE_EXTENSION_XLSX:
                ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
                break;
            case ConstantUtility.FILE_EXTENSION_CSV:
                ContentType = "text/csv";
                break;
            case ConstantUtility.FILE_EXTENSION_HTML:
                ContentType = "text/html";
                break;
            case ConstantUtility.FILE_EXTENSION_XML:
                ContentType = "text/xml";
                break;
            case ConstantUtility.FILE_EXTENSION_ZIP:
                ContentType = "application/zip";
                break;
            default:
                ContentType = "application/octet-stream";
                break;

        }


        return ContentType;
    }

使用此选项可在保存时设置blob的内容类型。

Set Content-type of media files stored on Blob

答案 2 :(得分:1)

对于那些通过PowerShell上传文件的人,请使用以下语法在上传过程中设置内容类型。

Set-AzureStorageBlobContent -File <localFilePath> -Container <containerName> -Properties @{"ContentType"="text/plain"} -Context $ctx

上面我将blob内容类型设置为text / plain,在上传将与模板一起使用的JSON和HTML文件时非常有用。更多内容类型标题值列表here

答案 3 :(得分:0)

如果使用Azure SDK(12.x +),则进行了一项更改,要求使用传递到上载方法(而不是blob.Properties.ContentType)的BlobHttpHeaders。

例如:

    var header = new BlobHttpHeaders();
    header.ContentType = "image/jpeg";

    var response = await blobClient.UploadAsync(stream, header);