将图片上传到Azure blob with summernote

Question

public class StorageService 
    { 
     CloudStorageAccount storageAccount = CloudStorageAccount.Parse("DefaultEndpointsProtocol=removed for this post"); 

     public async Task Upload(string id, Stream data) 
     { 
      CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient(); 
      // Retrieve a reference to a container. 
      CloudBlobContainer container = blobClient.GetContainerReference("images"); 

      await container.CreateIfNotExistsAsync(); 

      container.SetPermissions(
       new BlobContainerPermissions 
       { 
        PublicAccess = BlobContainerPublicAccessType.Blob 
       }); 

      // Retrieve reference to a blob named "myblob". 
      CloudBlockBlob blockBlob = container.GetBlockBlobReference(id); 

      await blockBlob.UploadFromStreamAsync(data, data.Length); 
     } 

     public async Task UploadBlogPhoto(string id, Stream data) 
     { 
      CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient(); 
      // Retrieve a reference to a container. 
      CloudBlobContainer container = blobClient.GetContainerReference("mycontainer"); 

      await container.CreateIfNotExistsAsync(); 

      container.SetPermissions(
       new BlobContainerPermissions 
       { 
        PublicAccess = BlobContainerPublicAccessType.Blob 
       }); 

      // Retrieve reference to a blob named "myblob". 
      CloudBlockBlob blockBlob = container.GetBlockBlobReference(id); 

      await blockBlob.UploadFromStreamAsync(data, data.Length); 
     } 
    } 

因此，我有StorageServices类，并使用第一种方法Upload来上传用户的个人资料图片。

这里是标记：

using (Html.BeginForm("UploadPhoto", "Manage", FormMethod.Post, new { enctype = "multipart/form-data" })) 
      { 
       <div class="browseimg"> 
        <input type="file" class="display-none" name="file" id="files" onchange="this.form.submit()" /> 
       </div> 
      } 
      <button class="btn btn-primary width-100p main-bg round-border-bot" id="falseFiles"> 
       Upload billede 
      </button> 

这是上传照片的summernote按钮。帖子上传到数据库。但是，有没有办法将文本上传到数据库并将图像上传到Azure blob？我需要通过首先上传图片并在夏令时添加azure blob的URL来异步执行此操作，是否可以完成？

Answer 1

正如Gaurav所说，您可以在您的上传功能中执行这两种操作。在我看来，我建议您在上传操作中执行这两个操作，以确保数据的一致性。在这里，我提供了一个代码示例以更好地理解它。

ManageController.cs

/// <summary> 
/// Upload photo with description 
/// </summary> 
/// <param name="imageNote">description of the photo</param> 
/// <returns></returns> 
public async Task<JsonResult> UploadPhoto(string imageNote) 
{ 
    string operationResult = string.Empty; 
    string uploadedImageUrl = string.Empty; 
    uploadedImageUrl = await UploadImageToBlob(); 
    //make sure the image is uploaded successfully to Azure Blob 
    if (!string.IsNullOrEmpty(uploadedImageUrl)) 
    { 
     //insert the image(blob) Url and imageNote to your database 
     operationResult = "Operation is successful!"; 
    } 
    else 
     operationResult = "Image upload failed, please check and submit again!"; 

    return Json(new 
    { 
     Message = operationResult 
    }); 
} 

/// <summary> 
/// Upload photo to Azure Blob Storage 
/// </summary> 
/// <returns>the new Blob(photo) Url</returns> 
private async Task<string> UploadImageToBlob() 
{ 
    string uploadedImageUrl = string.Empty; 
    try 
    { 
     var files = Request.Files; 
     if (files != null && files.Count > 0) 
     { 
      var file = files[0]; 
      string blobName = Path.GetFileName(file.FileName); 

      #region upload image to Azure Blob and retrieve the Blob Url 
      CloudStorageAccount storageAccount = CloudStorageAccount.Parse(CloudConfigurationManager.GetSetting("brucechenStorage")); 
      CloudBlobClient blobClient = storageAccount.CreateCloudBlobClient(); 
      // Retrieve a reference to a container. 
      CloudBlobContainer container = blobClient.GetContainerReference("images"); 
      await container.CreateIfNotExistsAsync(); 
      // Retrieve reference to a blob named "blobName". 
      CloudBlockBlob blockBlob = container.GetBlockBlobReference(blobName); 
      await blockBlob.UploadFromStreamAsync(file.InputStream); 
      uploadedImageUrl = blockBlob.Uri.ToString(); 
      #endregion 
     } 
    } 
    catch (Exception e) 
    { 
     //TODO:log 
    } 
    return uploadedImageUrl; 
}