如何在 MVC 4 中显示路径中的图像？

Question

在开始之前，我在这里看到过这个问题，我已经按照这里给出的答案和示例进行操作：

how to display image from path in asp.net mvc 4 and razor view

但是当我这样做时

<img src="@Url.Content(Model.ImagePath)" class="dker" alt="..." />

我收到一个错误

来源错误

   [No relevant source lines]
   [NullReferenceException: Object reference not set to an instance of an object.]

在我的模型中：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace NSProfileImages
{
    public class ProfileImages
    {
        public string ImagePath
        {
            get
            {
                return "~/Assets/Images/user_images/avatars/123@123.com.jpg";
            }
        }
    }
}

查看：

@model NSProfileImages.ProfileImages

<img src="@Url.Content(Model.ImagePath)" class="dker" alt="..." />

如果我这样做了

<img src="~/Assets/Images/user_images/avatars/123@123.com.jpg" class="dker" alt="..." />

它会正常显示图像，没有错误。

Answer 1

我怀疑您忘记向视图提供模型实例。

public ActionResult Index()
{
    // here we instantiate the type and supply it to the view. 
    ViewData.Model = new ProfileImages();
    return View();
}

或者，您可以通过View 方法提供模型实例，如下所示：

 return View(new ProfileImages());

---

请注意，在这种情况下，您可以很好地创建模型属性 static，这将完全消除提供视图模型的需要：

public class ProfileImages {
    public static string ImagePath {
        get {
            return "~/Assets/Images/user_images/avatars/123@123.com.jpg";
        }
    }
}
...
<img src="@Url.Content(NsProfileImages.ProfileImages.ImagePath)" 
     class="dker" alt="..." />

Answer 2

在你的控制器中你应该有这样的东西：

 ActionResult Index(){
 return View(new ProfileImages());
 }

Answer 3

也许您没有将模型传递给视图：

var model = new ProfileImages();
return View(model);