如何显示一个图像从路径在MVC 4

本文关键字：路径 MVC 图像 何显示 显示 一个 | 更新日期: 2023-09-27 18:14:30

在开始之前，我在这里看到过这个问题，我遵循了这里给出的答案和示例:

如何在asp.net MVC 4和razor视图中显示路径图像

但是当我做的时候

<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="..." />

它将正常显示图像并且没有错误

如何显示一个图像从路径在MVC 4

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

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="..." />

在你的控制器中你应该有这样的内容:

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

也许你没有传递模型给视图:

var model = new ProfileImages();
return View(model);
相关文章：