上传到 Azure 存储的文件已损坏

Question

我正在尝试允许用户通过 HTML5 页面将图像上传到我的网站，并尝试使用 Azure Blob 存储。我已经在后端创建了页面和 C# 代码，但似乎图像在上传过程中被损坏了。我能够获取图像并将其传递给 Azure，它会创建 blob 并将其填充为正确的大小，但是当图像被下载然后打开时，我只会得到一堆垃圾（随机字母和符号）而不是图像.谁能帮我解决这个问题，已经尝试解决这个问题一个多星期了。

[HttpPost, ValidateAntiForgeryToken]
public ActionResult AddSection(AddEditSectionVM model, HttpPostedFileBase LogoFile)
{
    try
    {
        using (var db = new SectionContext())
        {
            if (db.Sections.Where(s => s.Route == model.Route).Count() > 0)
            {
                ModelState.AddModelError("Section Route Used", "A section with the same route already exists.");
            }

            if (LogoFile != null)
            {
                if (FileHelper.IsValidImage(LogoFile))
                {
                    ModelState.AddModelError("Invalid File Type.", "Images must be JPG, GIF, or PNG files.");
                }
            }

            if (ModelState.IsValid)
            {
                if (LogoFile != null)
                {
                    string FileName = "Images/" + model.Route + "/Core/Logo" + Path.GetExtension(LogoFile.FileName).ToLower();
                    model.LogoFileID = FileHelper.UploadFile(FileName, "site", LogoFile);
                }

                var NewSection = new Section()
                {
                    LogoFileID = model.LogoFileID,
                    Route = model.Route,
                    Title = model.Title,
                    Type = model.Type,
                    Synopsis = model.Synopsis
                };

                db.Sections.Add(NewSection);
                db.SaveChanges();
                ViewBag.Results = "New section added.";
            }

            return View(model);
        }
    }
    catch (Exception ex)
    {
        ErrorSignal.FromCurrentContext().Raise(ex);
        ViewBag.Results = "Error saving section, please try again later.";
        return View(model);
    }
 }

public static int UploadFile(string FileName, string Container, HttpPostedFileBase UploadedFile, int ExistingFileID = 0)
{
    var StorageAccount = CloudStorageAccount.Parse(ConfigurationManager.AppSettings["StorageConnectionString"]);
    var BlobClient = StorageAccount.CreateCloudBlobClient();
    var StorageContainer = BlobClient.GetContainerReference(Container);
    var BlobBlock = StorageContainer.GetBlockBlobReference(FileName);
    BlobBlock.Properties.ContentType = UploadedFile.ContentType;

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

    using (var db = new SectionContext())
    {
        var NewFile = new DAL.File();

        if (ExistingFileID > 0)
        {
            NewFile = db.Files.Find(ExistingFileID);
            NewFile.Name = FileName;
            NewFile.ContentType = UploadedFile.ContentType;
            db.Entry(NewFile).State = EntityState.Modified;
            db.SaveChanges();
            return ExistingFileID;
        }
        else
        {
            NewFile.Name = FileName;
            NewFile.ContentType = UploadedFile.ContentType;
            db.Files.Add(NewFile);
            db.SaveChanges();
            return NewFile.ID;
        }

    }
}

从此代码上传的损坏图片的链接：https://gisstore01.blob.core.windows.net/ffinfofiles/ChocoboontheJob/Core/Logo.jpg

Answer 1

这是我用来接受徽标图像的...

var memoryStream = new MemoryStream();

logoFile.InputStream.CopyTo(memoryStream); //logoFile is HttpPostedFileBase
memoryStream.Position = 0;
await transferService.Upload(memoryStream, fileName, "merchant-app-data", true);

memoryStream.Close();
memoryStream.Dispose();

这里是实际的上传方法

public async Task<string> Upload(MemoryStream stream, string fileName, string folder, bool overwrite = false)
{
    var blobClient = _storageAccount.CreateCloudBlobClient();
    var container = blobClient.GetContainerReference(folder);
    await container.CreateIfNotExistsAsync();

    var blockBlob = container.GetBlockBlobReference(fileName);

    blockBlob.UploadFromStream(stream);

    return blockBlob.StorageUri.PrimaryUri.AbsolutePath;
}

Answer 2

您的代码看起来不错。我使用尽可能多的代码做了一个快速原型，看看是否有什么需要注意的地方，但一切似乎都很好。

我的猜测是问题不在于上传本身，而在于对容器的访问。默认情况下，Blob 容器不允许公共匿名访问。

为了改变这一点，更简单的方法是继续使用 Visual Studio，通过服务器资源管理器连接到您的 Azure 实例，然后找到您的 Blob 容器并单击它。在属性窗口中，您应该会看到 Public Read Access 条目和三个选项：Off、Container 或 Blob。

如果它关闭，那就是你的问题！根据您的需要选择 Container 或 Blob，尽管选择 Blob 更安全。不同之处在于，对于 Blob，匿名用户只能访问 Blob 中的数据，但不能访问 Blob 级别的任何内容，例如，他们无法枚举容器中的所有 Blob，但他们可以通过 Blob 下载图像链接。

如果您想了解有关容器权限的更多信息，请查看 MSDN 链接：https://azure.microsoft.com/en-us/documentation/articles/storage-manage-access-to-resources/

希望这会有所帮助。如果没有，请告诉我们，我们会继续努力。