通过从数据库中的codeigniter中的ajax单击图像名称检索图像答案

【问题标题】：retreive image on clicking image name through ajax in codeignitor from database通过从数据库中的codeigniter中的ajax单击图像名称检索图像
【发布时间】：2020-03-20 07:10:49
【问题描述】：

我正在使用 codeignitor 制作画廊。我已经从视图页面上的数据库中检索了图像名称列表。现在我想通过 ajax 单击名称获取图像。我不太擅长代码。请帮助我获取画廊功能。任何帮助深表感谢。提前致谢。这是我获取图片名称的代码：

          <?php
                      //$i=1;
                      foreach($data as $row)
                      {
                        ?>
                        <img class="img-circle img-bordered-sm" src='<?php echo base_url();?>assets/uploads/<?php echo $row->imagefiles;?>' height='30px' width='30px'>
                        <span class="username">
                            <a id="view_gallery" class="view_gallery" href="javascript:void(0);" id="<?php echo $row->id;?>"><?php echo $row->name; ?></a>
                        </span>
                        <hr>
                      <?php }
                    ?>

这是我的脚本，我需要进一步的代码帮助：

    <script type="text/javascript">
    $( ".view_gallery" ).click(function() {

        id = $(this).attr('id');
    /*    alert(userid);*/
           $.ajax({
                url     : '<?php  echo base_url('fetch_gallery_data') ;?>',
                method  : 'post',
                data    : {id : id},
                success : function(res){
                  $('.disp_gallery').html(res);
                }
              })

    });
    </script>

这是我在控制器中的获取画廊功能，

  public function fetch_gallery_data()
    {
        $id = $this->input->post('id');
        $where = $id;
        $result = $this->App_model->gallery_model('gallery','id',$where);
        $data = '';
        if(count($result) > 0)
        {
            foreach ($result as $key => $value) 
            {
                $files = json_decode($value->imagefile);
                if($value->id > 0)
                {
                    $data .= "<div class='col-md-3' style='border:1px solid gray; margin:20px; padding:20px; ' id='".$id."''>";
                    $data .= "<a >";
                    $data .= "<img src='".base_url()."assets\uploads/seo-business-quotes-6.jpg' height='150' width='150'><br>";

                    $data .= "</div>";
                }
                else
                {
                    foreach ($files as $key => $value) 
                    {
                        $data .= "<div class='col-md-3' style='border:1px solid gray; margin:20px; padding:20px; '>";
                        $data .= "<img src=".base_url()."assets\uploads/".$value." height='150' width='150'><br>";
                        $data .= "</div>";
                    }
                }
            }
        }
        else
        {
            $data .= 'No Records.';
        }
        echo $data;

    }

【问题讨论】：

disp_gallery 你的 dom 在哪里？
我刚刚制作了简单的 div 以获得这样的响应。
什么反应来了？ html还是json？
这是你的控制器代码？？
不，我想通过单击名称显示图像的视图代码，我需要控制器@BoominathanElango 中的功能帮助

标签： javascript ajax database codeigniter image-gallery

【解决方案1】：

更改您在控制器中提到的斜线然后尝试

$data .= "<img src='".base_url()."assets/uploads/seo-business-quotes-6.jpg' height='150' width='150'><br>";

这里还要改斜杠和单引号

$data .= "<img src='".base_url()."assets/uploads/".$value."' height='150' width='150'><br>";

【讨论】：