Question

这是我动态加载图片的代码

$(document).ready(function(){
    imageloop();
});

var i = "1";
var n="6";

function imageloop(){

    var imgCnt =  $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120);
    // $('<br/>').insertAfter('img');
     if (i==n){
     //alert('loaded');
     }
     else{
     i++;
     imageloop();
    }
 }

它工作正常，但我试图在文件夹中获取图像的长度，因为我不想硬编码它。我怎么能这样做？

$(document).ready(function(){

    imageloop();
});

var i = "1";
var n=$('img/').length;

function imageloop(){

    var imgCnt =  $("<img>").attr('src', "img/" + i +".jpg").appendTo("#images").width(120).height(120);
    // $('<br/>').insertAfter('img');
     if (i==n){
     //alert('loaded');
     }
     else{
     i++;
     imageloop();
    }
 }

此代码无效

Answer 1

您可以使用PHP解决方案使用glob（）函数从文件夹中获取所有图像，您可以指定您感兴趣的文件扩展名，然后循环使用这些文件扩展名。

<?php 
$files = glob("img/*.jpg");
foreach($files as $jpg){
    echo $jpg, "\n";
}
?>

要将此内容传输到您的案例，您需要知道文件夹中有多少图像的长度，您可以添加如下内容

var n=<?php $files = glob("img/*.jpg"); echo count($files);?>

动态从文件夹获取图像长度

1 个答案: