<?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
答案 0 :(得分:1)
您正在创建的phpvar
实际上是一个数组(假设您删除了引号),因此您需要循环遍历此数组并单独添加每个图像,如下所示:
jQuery(function(){
var phpvar = <?php echo json_encode($images) ?>;
$.each(phpvar, function(id, image){
jQuery('body').append('<img src="' + image + '"/>');
});
});
答案 1 :(得分:1)
在我看来,你正在浪费处理和简单的PHP数组处理的不必要的框架。
不需要JSON,JSONEncode或jQuery:
foreach (glob('images/*.{jpg,jpeg,png,gif}',GLOB_BRACE) as $filename) {
echo '<img src=".$filename.'" alt="" />'."\n";
}
答案 2 :(得分:-1)
<?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>