Question

    <?php
$imgDir =   'images/';
$images =   glob($imgDir . '*.{jpg,jpeg,png,gif}',GLOB_BRACE);
echo json_encode($images);  
?>

<script>
jQuery(function(){
    var phpvar  =   '<?php echo json_encode($images) ?>';
        jQuery('body').append('<img src="' + phpvar + '"/>');
    });
</script>

顶级php扫描文件夹'images'并回显所有文件路径名。但是我想使用由此形成的数组并将其附加到文档/正文以使用显示图像。但我不知道如何将php变量'$ images'传递给jquery / javascript

Answer 1

您正在创建的phpvar实际上是一个数组（假设您删除了引号），因此您需要循环遍历此数组并单独添加每个图像，如下所示：

jQuery(function(){
    var phpvar = <?php echo json_encode($images) ?>;
    $.each(phpvar, function(id, image){
        jQuery('body').append('<img src="' + image + '"/>');
    });
});

Answer 2

在我看来，你正在浪费处理和简单的PHP数组处理的不必要的框架。

不需要JSON，JSONEncode或jQuery：

foreach (glob('images/*.{jpg,jpeg,png,gif}',GLOB_BRACE) as $filename) {
  echo '<img src=".$filename.'" alt="" />'."\n";
}

Answer 3

<?php
$imgDir =   'images/';
$images =   glob($imgDir . '*.{jpg,jpeg,png,gif}',GLOB_BRACE);
$image_var ="";
foreach($images as $img)
{
$image_var.="<img src=".$img.">";
}

echo json_encode($image_var);
?>

<script>
jQuery(function(){
var phpvar  =   <?php echo json_encode($image_var) ?>;
    jQuery('body').append(phpvar);
});
</script>

使用javascript / jquery将图像从php添加到文档中

3 个答案: