如何通过ajax成功显示多个图像

时间:2018-08-27 12:35:20

标签: php jquery ajax mysqli

我在同一日期对图片进行了Group_con

$a  = "SELECT  dates AS p FROM imgdb  WHERE id=1 GROUP by dates";

然后按日期对图片进行分组

foreach ($a as $value) {

 $res = SELECT  group_concat(images) AS img FROM imgdb  WHERE dates=$value";
}

成功获得

success: function(r) {
var res = JSON.parse(r)
$.each(res, function(index) {
   $('.img').html(
  $('.img').html()+'<img src"folder/'+res[index].img+'"/>'
}

我得到图像,但是像..

1.jpg,2.jpg,3.jpg等。

控制台显示找不到404。.

谢谢..

1 个答案:

答案 0 :(得分:0)

将查询更改为类似的内容,我没有mysql,因此不确定正确性

SELECT dates, group_concat(images) AS img FROM imgdb  WHERE dates=$value
GROUP BY dates

我使用了postsql,并像这样查询

SELECT datum, array_to_string(array_agg(image), ',') as img FROM taböename   
 Where datum> '23.05.2018' AND datum< '23.08.2018'
GROUP BY datum

我得到了这样的结果

datum | img
23.08.2018 | img1,img2,img3
24.08.2018 | img1, img5

以此类推

现在将其返回给ajax

,此代码将遍历整个2d数组,并在其中打印每个图像

    $.each(jQuery.parseJSON(objJson) , function (key, value) { 
        // add date
        $('#img_html').html(value.leiterdatum +'<hr>'); // hr adds a line
        var images = value.split(',');
        for(var i = 0; i < images.length; i++)
        {
            var new_img = '<img src="folder/'+images+'" alt="" /> </br>';
            $('#img_html').append(new_img);
        }
    })