无法通过 HTML 上传将图像上传到 Azure Blob

Question

我正在尝试将用户通过网页上传到 Azure 存储的图像作为 blob 保存。我已经构建了代码并对其进行了测试，我正在毫无问题地连接和创建 blob，但它似乎没有正确保存文件，因为当我通过 HTTP 访问文件时，我只是得到“损坏的图像”图标。如果我直接从 Azure 门户下载文件并尝试在图像编辑器（绘制）中打开它，我会收到一条消息，指出该文件不是有效的位图文件。您可以在

看到我刚刚尝试上传的文件

https://gisstore01.blob.core.windows.net/ffinfofiles/Test/Core/Logo.jpg

这是我用来上传文件的代码。我不知道这里出了什么问题，有什么建议吗？

        var StorageAccount = CloudStorageAccount.Parse(ConfigurationManager.AppSettings["StorageConnectionString"].ToString());
        var BlobClient = StorageAccount.CreateCloudBlobClient();
        var Container = BlobClient.GetContainerReference("ffinfofiles");
        var FileExtension = Path.GetExtension(UploadedFile.FileName.ToLower());
        var BlobBlock = Container.GetBlockBlobReference(FileName + FileExtension);
        BlobBlock.Properties.ContentType = UploadedFile.ContentType;

        using (UploadedFile.InputStream)
        {
            BlobBlock.UploadFromStream(UploadedFile.InputStream);
        }

哦，这是一个使用 C# 的 ASP.Net 4.6 应用程序。

Answer 1

我已经运行了一个快速原型，并且成功地上传和下载了图像，所以我怀疑您的问题可能是以下问题之一：

1) 默认情况下，Blob 容器不允许公共访问。可能是图像目前存储良好，但您的浏览器没有查看它的权限。查看您的“finfofiles”blob 容器设置并确保“公共读取访问”设置为 true

2) 您用于设置上传调用的信息都是动态的，因此您作为参数传入的数据始终有可能是错误的。仔细检查 UploadedFile.FileName.ToLower() 的广告是否正确，更重要的是 UploadedFile.ContentType 是否正确

3) 继续上面第 2 项的想法，您必须确保 UploadedFile.InputStream 有效。除非您确实从本地磁盘以外的其他来源流式传输文件内容，否则我实际上只会读取文件字节并使用 BlobBlock.UploadFromByteArray() 重载。请记住，这样做虽然您首先将文件有效地读入内存，但在这种情况下，如果您的文件足够小，例如 jpg，这应该不是问题

结论：

这是我用作概念证明的代码。

var StorageAccount = CloudStorageAccount.Parse(ConfigurationManager.AppSettings["StorageConnectionString"].ToString());
var BlobClient = StorageAccount.CreateCloudBlobClient();
var Container = BlobClient.GetContainerReference("ffinfofiles");
Container.CreateIfNotExists();

var BlobBlock = Container.GetBlockBlobReference(filename);
BlobBlock.Properties.ContentType = "image/jpg";
var fileContent = System.IO.File.ReadAllBytes(Server.MapPath("~/images/" + filename));
BlobBlock.UploadFromByteArray(fileContent,0,fileContent.Length);

PS：为了进一步改善这一点，请考虑使用 Async 重载，即 BlobBlock.UploadFromByteArrayAsync()