要求:取指定目录下面的所有图片,以表格的型式展示并显示该图片的相对路径。
服务端代码:
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#遍历文件夹及子目录下所有图片所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)