Question

如何根据从模型传递的ID显示包含唯一文件夹名称的特定文件夹中的图像列表？

例如，我有两个不同的文件夹，即＆＃34; RestaurantA＆＃34;和＆＃34; RestaurantB＆＃34;分别。

如果单击了RestaurantA，我想显示文件夹＆＃34; RestaurantA＆＃34;中的所有图像，无论图像名称如何。

<img src="~/menu/@(Model.Id)/1.jpg" class="materialboxed menu-photo" />

修改

我忘了提到在每个文件夹中，图像的名称将是顺序形式。喜欢＆＃34; RestaurantA＆＃34;文件夹有1.jpg，2.jpg等我看到有人发布将在Javascript中使用循环。除了使用Javascript之外还有其他方法吗？也许使用Razor语法。

Answer 1

您可以在cshtml文件中的剃刀代码中执行此操作：

@
{
//First get the directory on which your all your images reside
string strDirectory = Server.MapPath(Url.Content("~/*YourPathHere*/"));

//Get all files on the directory and store it on string array
string[] strFiles = Directory.GetFiles(strDirectory);

string strFileName = string.Empty;

//Loop on each file and attach it on img tag
    foreach (var strFile in strFiles)
      {
         strFileName = Path.GetFileName(strFile);
         <img id="myImg" src="@Url.Content("~/*YourPathHere*/" + strFileName)"/>
      }   
}

使用Razor显示特定文件夹中的所有图像

1 个答案: