前端页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>取出二维数组</title> <script src="http://code.jquery.com/jquery-1.4.1.min.js" type="text/javascript"></script> <style> .wp{ width: 300px; height: 500px; float: left; text-align: center; margin:15px; } img{ border:1px solid red; border-radius:15px; } .alj{ display: block; } </style> </head> <body> <div> <?php include "aa.php"; for($i=0;$i<count($arrs);$i++){ echo "<div class='wp'>"; //打印一个div包裹住 echo "<img src='images/{$arrs[$i]["img"]}' alt=''style='width:300px;height:400px;'>"; //输出一个图片 图片地址为数组的 img 值 echo "<a href='#' class='alj'>{$arrs[$i]["name"]}</a> "; //输出一个a链接 a链接的名字为数组的name值 echo "</div>"; } ?> </div> </body> </html>
php处理页面,经过php处理后可以动态的将文件夹内的图片输出到前端页面
<?php $files1 = scandir("images"); //列出文件夹中的文件名和文件夹名,输出为一个数组.开头会有一个 . 和 .. foreach($files1 as $A){ //使用foreach循环出文件夹内的数组名 if($A != "."&& $A!=".."){ //把 . 和 .. 过滤掉 $arrs[] = array("name" => $A ,"img"=>$A); //新建一个数组,数组元素为二维数组(二维数组的name值和img值均为维原数组的值) } }