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

Posted 低空飞行

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了C# 遍历文件夹及子目录下所有图片相关的知识,希望对你有一定的参考价值。

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

服务端代码:

 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#遍历文件夹获得所有文件

遍历文件目录下所有图片并保存到统一路径

php 循环遍历文件夹下面的所有目录及文件并且每个文件都写入一句话