Kendo ui MVC4中的剑道UI ListView模板

我试图从数据库中获取图像文件，并将其绑定到KendoUI ListView。问题是它根本不显示图像

这就是我所做的：

查看

 <script type="text/x-kendo-tmpl" id="template">
                <div class="product">
                    <img src="@Url.Content("#:PhotoID# + #:MIMEType#")" />
                </div>
            </script>
            <div id="imageListView2" class="demo-section">
                @(Html.Kendo().ListView<WorcesterMarble.ViewModels.PhotosViewModel>()
                                    .Name("listView")
                                    .TagName("div")
                                    .ClientTemplateId("template")
                                    .DataSource(dataSource =>
                                    {
                                        dataSource.Read(read => read.Action("GetImages", "StockReceiptsGrid").Data("passStockIDToListView"));
                                        dataSource.PageSize(1);
                                    })
                                    .Pageable()
                                    .Selectable(selectable => selectable.Mode(ListViewSelectionMode.Multiple))
                        //.Events(events => events.Change("onChange").DataBound("onDataBound"))
                )
            </div>

我不确定问题是否是由模板中的图像url设置引起的。正如您所看到的，它实际上不是一个url，因为图像除了从数据库保存外，不会保存在任何地方。这是listview的屏幕截图；即使必须显示15幅图像，也只需空白即可

---

请告诉我这个问题的任何线索或解决方案

控制器中似乎缺少一个返回（就在

if

结束之前）

编辑

此外，我注意到：

<img src="@Url.Content("#:PhotoID# + #:MIMEType#")" />

这不应该是：

<img src="@Url.Content("#:ImageData#")" />

---

或者类似的问题？

回答可能有点晚，但您的问题是发送回视图的json数据太大，因此图像不会显示，而是将图像保存到文件中，然后通过URL呈现图像。

我知道这有点旧，但您需要做的是更改行

返回json（photosList.ToList（），JsonRequestBehavior.AllowGet）；

return Json(photosList.ToDataSourceResult(request),
    JsonRequestBehavior.AllowGet);

如果无法识别方法

ToDataSourceResult

，则必须添加

using Kendo.Mvc.Extensions;

---

在您的文档顶部。

我也尝试过。Fiddler向我展示的是，ImageData以“blob”（一长串整数数组）的形式返回我认为需要的是将这个blob以某种方式编码到实际图像中？@mmillicana是否将图像作为blob存储在数据库中？如果是这样，有很多方法可以显示图像。下面是一个示例（有点过时，但我认为仍然有效）：

<img src="@Url.Content("#:ImageData#")" />

return Json(photosList.ToDataSourceResult(request),
    JsonRequestBehavior.AllowGet);

using Kendo.Mvc.Extensions;