从视图模型显示图像。多维控制器

Question

我的问题类似于 这个问题但足够不同，我觉得它需要一个单独的线程。

所以我有以下“观点”；

// A load of other calls to Model.Title, Model.Description, Model.DownloadURL 
// which work fine so no issues with actually ViewModel communication.
<fieldset>
    <div id="projectDiv">
                      // Model.ThumbnailPath is a fully qualified path to an image
                      // stored on disk, within another folder in another project.
        <img src="<%= Model.ThumbnailImagePath %>" alt="Thumbnail Image" height="100px" width="100px" />

    </div>

然而遗憾的是，我得到的只是一个轮廓白框......没有图像。

我已经调试了应用程序并拦截了发送到 ViewModel 中的文件路径变量并将其粘贴到我的计算机资源管理器中。我得到了我所期待的图像。

我已尝试将此文件路径硬编码到 的 source 属性中，但仍然是一个空的白框。

此视图页面中还有许多其他属性正在完美显示，因此通过应用程序层的通信正在运行。

有什么想法为什么这可能无法按预期发挥作用吗？

感谢您抽出时间。

Answer 1

src 属性必须是 URL，而不是文件路径。如果可以的话，将图像放入您的 content/images 文件夹中，并在那里引用它的 URL。如果不是，即文件需要保留在原来的位置，则考虑使用一个控制器，该控制器可以读取图像并将其作为具有正确 mime 类型的 ContentResult 返回，并使用控制器/操作/图像标识符的 url 作为图像的 src 属性。

<img src="<%= Url.Content( "~/images/thumbnails/" + Model.ThumbnailName ) %>" ...

或者

<img src="<%= Url.Action( "thumbnail", "image", Model.ImageID ) %>" ...

Answer 2

虽然回复此框中的答案并不完全有意义，但我需要编写代码。

我真的不明白你会在你建议的场景 tvanfosson 的控制器端写什么。

以下是存在的内容：

MySolution.Models.Entities.Images.ProjectThumbnails 中的图像文件夹。此文件夹中存在许多 BMP，所有这些 BMP 均根据它们所属实体的 GUID 命名。

现在我有一个控制器： MySolution.Controllers.ProjectsController ，其方法如下：

 public ContentResult ProjectThumbnails(Guid Id)
 {
     ContentResult result = new ContentResult();

     Project project = projectService.GetProject(Id);
                      //This is still a fully qualified disk location path
     result.Content = project.ThumbnailImagePath; 
     return result;            
 }

然后在视图中：

<img src="<%= Url.Content(~/ProjectThumbnails/" + Model.Id) %>" />

但是，我从输入“Url.Content”时没有得到智能感知，这很少是一件好事，而且，我运行该网站时出现以下错误：

“编译器错误消息：CS1010：常量中的换行符”，错误指向该行。

你能澄清一下我在这里可能缺少什么吗？考虑到 MVC 使制作网站的大多数其他方面变得多么容易，图像处理却如此困难，这是可笑的。

Answer 3

尝试使用...

<img src="@Url.Content("~/ProjectThumbnails/" + Model.Id)"/>