遍历文件夹中的文件（以图片为例）

需求：前台页面的图片从服务器中动态提取

思路：1.遍历该图片文件夹

     2.将所有图片名称以List集合传入前端页面

     3.前端遍历，根据名称读取图片

工具：ajax

方法：$.each(json,function(i,d){拼接html})

一、遍历出图片名称List

public List fileList(HttpServletRequest request){
	List list = new ArrayList();
	String path = request.getSession().getServletContext().getRealPath("/");//项目的绝对路径
	File file = new File(path+"/file/img");//文件夹路径
        File[] files = file.listFiles();//遍历该文件夹
        if(null!=files){
	        for (int i = 0; i < files.length; i++){
	            File file1 = files[i];
	            String name = file1.getName();//获取图片名称
	            list.add(name);
	        }
	        return list;
        }else{
        	return null;
        }	
}

二、前台接收数据（ajax）

标签：

JS操作（导入JQuery相关js文件）

$.ajax({
    	    url:'#',    //请求的url地址
    	    dataType:"json",
    	    type:"POST", 
    	    success:function(json){
    	    	var html="";
    	    	$.each(json,function(i,d){
    	    		html+="
";
        	    		html+="
";
        	    			html+="	";
        	    		html+="
";
        	    		html+="
";
        	    			html+="	

";
        	    			html+="	";
        	    		html+="
";
        	    	html+="
";
    	    	});
    	    	$("#pic").append(html);
    	    },
    	});