Question

引用此link,我使用MessagingToolkit.QRCode.dll创建了一个QR代码图像。如何使用myLayout在同一视图中显示保存的图像 控制器代码

  [HttpPost]
    public ActionResult GenerateExcelQR(string Command, FormCollection collection)
    {
    if (Command == "Excel")
    {
    //  logic to generate Excel
    }
    else if(Command =="QRCode")
     // qr code logic //
        QRCodeEncoder encoder = new QRCodeEncoder();
        Bitmap img = encoder.Encode(qrcode);
        string path = Server.MapPath("/Images/QRCode.jpg"); 
        img.Save(path, ImageFormat.Jpeg);
        return base.File(path,"image/jpeg"); // Displays the QR image without my layout.
     // return View(path,"image/jpeg");      // Returns an error specifying "Images\QRCode.jpg' or its master was not found or no view engine supports the searched locations."
    }

如何在布局的同一视图中显示QRCode图像有什么建议的修改 ImageModel.cs

public static class ImageModel
    {
        public static string Image(this HtmlHelper htmlHelper, string path, string alt)
        {
            var img = new TagBuilder("img");
            img.MergeAttribute("src", path);
            img.MergeAttribute("alt", alt);
            return img.ToString(TagRenderMode.SelfClosing);
        }
    }

在视图中

@model IEnumerable<SampleECommerce.Models.CheckoutModel> // reference to 1st model to return values
@using SampleECommerce.Models; // for Imagemodel

Answer 1

您不应返回文件，而应返回视图，并在视图中呈现图像。这里Image - 是一个html帮手：

public static HtmlString Image(this HtmlHelper helper, string path, string alt)
{
    var img = new TagBuilder("img");
    img.MergeAttribute("src", path);
    img.MergeAttribute("alt", alt);
    return new HtmlString(img.ToString(TagRenderMode.SelfClosing));
}

然后在视图中使用它：

@Html.Image(path_to_your_image, "Description")

在您的控制器中只使用return View();

要使用此帮助程序，您应该在项目中创建一个文件夹，例如“帮助程序”。然后，在此文件夹中创建文件，例如“HtmlImageHelper.cs”，然后将帮助程序的内容放在此文件中。在此之后，在顶部的视图中写下：using YourProjectName.Helpers。在此之后，您可以使用此html助手来渲染图像

在MVC4视图中显示图像

1 个答案: