加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 06:11:15 所属栏目:百科 来源:网络整理
导读:要求: 取指定目录下面的所有图片,以表格的型式展示并显示该图片的相对路径。 服务端代码: public partial class ViewIcon : System.Web.UI.Page { JArray ja = new JArray(); //定义一个数组 public string info = string.Empty; protected void Page_Loa

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

服务端代码:

 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>

效果图如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读