C#遍历文件夹及子目录下所有图片

C#遍历文件夹及子目录下所有图片,第1张

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

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

服务端代码:

 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#遍历文件夹及子目录下所有图片所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/1256518.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-07
下一篇 2022-06-07

发表评论

登录后才能评论

评论列表(0条)

保存