我正在尝试创建一个小型网络应用程序,当我输入游戏名称时,它会搜索一个包含大量图标的文件夹,以找到与游戏类型相似的文件夹。
然后,我想显示一个带有图标名称的转发器,以及旁边的图标。
到目前为止,我已成功使用此代码显示名称:
IEnumerable<string> getfiles =
from f in
Directory.EnumerateFiles(Server.MapPath("~/_resources/game_icon"), "*.*", SearchOption.AllDirectories)
where Path.GetFileName(f).ToLower().Contains(txtGameName.Text.ToLower())
select Path.GetFileNameWithoutExtension(f);
List<AllFiles> all = getfiles.Select(file => new AllFiles
{
FileName = file,
SubdirectoryName = "",
FileNameWithExtension = ""
}).ToList();
rptGameMatches.DataSource = all;
rptGameMatches.DataBind();
但是在显示图标方面没有多少运气,该图标位于ImageLocation
。
我试过玩:
foreach (string file in Directory.EnumerateFiles(Server.MapPath("~/_resources/game_icon"), "*.*", SearchOption.AllDirectories).Count() )
{
if(file.)
}
和
for (int i = 0; i < Directory.EnumerateFiles(Server.MapPath("~/_resources/game_icon"), "*.*", SearchOption.AllDirectories).Count(); i++)
{
}
没有成功。
我知道有一种简单的方法可以做到这一点,但我似乎无法做到这一点。有人可以告诉我哪里出错了吗?
答案 0 :(得分:3)
以下是您可以执行的操作的示例(出于紧凑性原因,我将代码置于单个WebForm中并将标记置于单个WebForm中,但当然您可以将代码置于单独的文件中):
<%@ Page Language="C#" %>
<%@ Import Namespace="System.IO" %>
<script type="text/c#" runat="server">
protected void BtnSearchClick(object sender, EventArgs e)
{
var images =
from image in Directory.EnumerateFiles(Server.MapPath(folder), "*.*", SearchOption.AllDirectories)
let relativeLocation = image.Replace(root, string.Empty).Replace("\\", "/")
let url = ResolveUrl("~/" + relativeLocation)
where image.ToLower().Contains(txtGameName.Text.ToLower())
select new
{
Url = url
};
results.DataSource = images;
results.DataBind();
}
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtGameName" runat="server" />
<asp:LinkButton ID="btnSearch" runat="server" OnClick="BtnSearchClick" Text="Search" />
<asp:Repeater ID="results" runat="server">
<ItemTemplate>
<asp:Image runat="server" ImageUrl='<%# Eval("Url") %>' />
</ItemTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
好吧,我们有一个包含文本字段,按钮和转发器的网页。单击该按钮时,我们将搜索指定文件夹中的所有图像,其中包含在文本字段中输入的文本:
var images =
from image in Directory.EnumerateFiles(Server.MapPath(folder), "*.*", SearchOption.AllDirectories)
let relativeLocation = image.Replace(root, string.Empty).Replace("\\", "/")
let url = ResolveUrl("~/" + relativeLocation)
where image.ToLower().Contains(txtGameName.Text.ToLower())
select new
{
Url = url
};
这里有几个步骤:
let filename = Path.GetFileName(image)
在此阶段,我们将获取文件的物理位置。它看起来像这样:
c:\inetpub\wwwroot\_resources\game_icon\image1.png
然后我们剥离应用程序root并替换斜杠:
let relativeLocation = filename.Replace(root, string.Empty).Replace("\\", "/")
所以relativeLocation
变为:
_resources/game_icon/image1.png
,最后一步是:
let url = ResolveUrl("~/" + relativeLocation)
将其转换为:
/_resources/game_icon/image1.png
因此,在一天结束时,图像集合可能如下所示(假设用户在文本字段中搜索了image
):
[
{ Url: "/_resources/game_icon/image1.png" },
{ Url: "/_resources/game_icon/subfolder1/image2.png" },
{ Url: "/_resources/game_icon/subfolder2/image1.png" },
...
]
这个集合与转发器绑定。在转发器内部,我们定义了一个Image,其ImageUrl
属性将数据绑定到我们构造的匿名对象的Url
属性。