要求:取指定目录下面的所有图片,以表格的型式展示并显示该图片的相对路径。

服务端代码:
public partial class ViewIcon : System.Web.UI.Page
{
JArray ja = new JArray(); //定义一个数组
public string info = string.Empty;
protected void Page_Load(object sender, EventArgs e)
{
var path1 = System.AppDomain.CurrentDomain.BaseDirectory;//获取程序集目录
string path = Path.Combine(path1, "Image", "menu");//Path.Combine 将3个字符串组合成路径
var images = Directory.GetFiles(path, ".", SearchOption.AllDirectories).Where(s => s.EndsWith(".png") || s.EndsWith(".jpg") || s.EndsWith(".gif"));
//images = Directory.GetFiles(path, "*.png|*.jpg", SearchOption.AllDirectories);
//Directory.GetFiles 返回指定目录的文件路径 SearchOption.AllDirectories 指定搜索当前目录及子目录
//遍历string 型 images数组
foreach (var i in images){
var str = i.Replace(path1, "");//获取相对路径
var path2 = str.Replace("\\", "/");将字符“\\”转换为“/”
ja.Add(path2);
}
info = Newtonsoft.Json.JsonConvert.SerializeObject(ja);//序列化为String
}
}
前端代码:
<script type="text/javascript">
$(function(){
var images = <%=info%>;
var list = [];
list.push("<table>");
list.push("<thead>");
list.push("<tr>");
list.push("<td>图标</td>");
list.push("<td>路径</td>");
list.push("<td>图标</td>");
list.push("<td>路径</td>");
list.push("</tr>");
list.push("</thead>");
list.push("<tbody>");
$.each(images, function (a,b) {
if((a+1)%2==0){
list.push("<td>"+"<img width='50' height='50' src = '../../" + b + "'></td>");
list.push("<td>"+b+"</td>");
list.push("</tr>");
}
if((a+1)%2!=0){
list.push("<tr>");
list.push("<td>"+"<img width='50' height='50' src = '../../" + b + "'></td>");
list.push("<td>"+b+"</td>");
}
})
list.push("</tbody>");
list.push("</table>");
list.push("<br>");
var images = list.join("");
$("#imgs").append(images);
})
</script>
效果图如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# C#遍历文件夹
# C#遍历子目录所有图片
# C#遍历子所有图片
# C#遍历文件夹获取指定后缀名文件
# C# 遍历文件夹子目录下所有图片及遍历文件夹下的文件
# C#遍历文件夹及其子目录的完整实现方法
# C#简单遍历指定文件夹中所有文件的方法
# C#遍历文件夹后上传文件夹中所有文件错误案例分析
# C#遍历指定目录下所有文件的方法
# c#递归遍历文件夹示例
# c# 遍历获取所有文件的示例代码
# 遍历
# 转换为
# 服务端
# 大家多多
# BaseDirectory
# CurrentDomain
# Path
相关文章:
韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南
建站VPS推荐:2025年高性能服务器配置指南
如何用景安虚拟主机手机版绑定域名建站?
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
如何通过主机屋免费建站教程十分钟搭建网站?
宁波自助建站系统如何快速打造专业企业网站?
如何基于云服务器快速搭建网站及云盘系统?
制作农业网站的软件,比较好的农业网站推荐一下?
建站之星IIS配置教程:代码生成技巧与站点搭建指南
SQL查询语句优化的实用方法总结
西安大型网站制作公司,西安招聘网站最好的是哪个?
css网站制作参考文献有哪些,易聊怎么注册?
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
如何安全更换建站之星模板并保留数据?
高端企业智能建站程序:SEO优化与响应式模板定制开发
网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?
Swift中swift中的switch 语句
微信h5制作网站有哪些,免费微信H5页面制作工具?
湖南网站制作公司,湖南上善若水科技有限公司做什么的?
如何访问已购建站主机并解决登录问题?
江苏网站制作公司有哪些,江苏书法考级官方网站?
Python如何创建带属性的XML节点
佛山网站制作系统,佛山企业变更地址网上办理步骤?
如何通过商城自助建站源码实现零基础高效建站?
官网自助建站平台指南:在线制作、快速建站与模板选择全解析
javascript中的try catch异常捕获机制用法分析
如何在宝塔面板创建新站点?
香港服务器WordPress建站指南:SEO优化与高效部署策略
猪八戒网站制作视频,开发一个猪八戒网站,大约需要多少?或者自己请程序员,需要什么程序员,多少程序员能完成?
整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗?
合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?
如何在IIS中新建站点并解决端口绑定冲突?
北京的网站制作公司有哪些,哪个视频网站最好?
高防服务器租用指南:配置选择与快速部署攻略
如何彻底删除建站之星生成的Banner?
制作充值网站的软件,做人力招聘为什么要自己交端口钱?
如何在企业微信快速生成手机电脑官网?
香港服务器网站生成指南:免费资源整合与高速稳定配置方案
建站之星安装失败:服务器环境不兼容?
微信小程序 五星评分(包括半颗星评分)实例代码
建站之星伪静态规则如何正确配置?
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
网站图片在线制作软件,怎么在图片上做链接?
制作表格网站有哪些,线上表格怎么弄?
如何实现建站之星域名转发设置?
完全自定义免费建站平台:主题模板在线生成一站式服务
简历在线制作网站免费版,如何创建个人简历?
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?
如何在建站宝盒中设置产品搜索功能?
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。