добавление изображений из php в документ с помощью javascript / jquery

Question

добавление изображений из php в документ с помощью javascript / jquery

0

    <?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 сканирует папку "изображения" и перекликается со всеми файловыми именами. Однако я хочу использовать массив, сформированный из этого, и добавить его к документу/телу для отображения изображений. Но я не уверен, как передать php-переменную '$ images' в jquery/javascript

joe 01 янв. 2014, в 12:50

Источник

0

stackoverflow.com/questions/16202712/...
Hanlet Escaño 01 янв. 2014, в 11:04
0

Вы хотите получить доступ к переменной php в jquery?
Mahmood Rehman 01 янв. 2014, в 11:04
1

Вопрос почему приходит в голову. Если вы не ajax, php создал JSON, почему бы просто не использовать php для написания тегов изображений?
mplungjan 01 янв. 2014, в 11:06
0

@mplungjan я сделал это: echo '<img src = "/ uploads /'. json_encode ($ images). '" />'; и он не может найти изображения. Когда я щелкаю правой кнопкой мыши пустое изображение и пытаюсь сохранить его, оно дает мне «[.htm»
joe 01 янв. 2014, в 11:17

Показать ещё 2 комментария

Теги:

php

jquery

html

3 ответа

1

По-моему, вы тратите впустую обработку и ненужную структуру для простой обработки массивов PHP.

Нет необходимости в JSON, JSONEncode или jQuery:

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

mplungjan 01 янв. 2014, в 11:53

-2

<?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>

user2106107 01 янв. 2014, в 08:40

0

Нет необходимости ни кодировать эту строку, ни заключать ее в кавычки в скрипте, ни использовать jQuery
mplungjan 01 янв. 2014, в 21:06

Ещё вопросы

Вы хотите получить доступ к переменной php в jquery?
Вопрос почему приходит в голову. Если вы не ajax, php создал JSON, почему бы просто не использовать php для написания тегов изображений?
@mplungjan я сделал это: echo '<img src = "/ uploads /'. json_encode ($ images). '" />'; и он не может найти изображения. Когда я щелкаю правой кнопкой мыши пустое изображение и пытаюсь сохранить его, оно дает мне «[.htm»
Нет необходимости ни кодировать эту строку, ни заключать ее в кавычки в скрипте, ни использовать jQuery

duellsy · Accepted Answer · 2014-01-01T09-16-00.000Z

phpvar самом деле представляет собой массив (при условии, что вы удаляете кавычки), поэтому вам нужно пройти через этот массив и добавить каждое изображение отдельно, например:

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

никаких проблем, одно удовольствие :)