具有动态图像src的Modal中的Bootstrap Open Image

Question

我的问题是关于这个答案。 Bootstrap open image in modal

如何显示src来自MySQL数据库的图像？

Answer 1

只需echo来自数据库的img源。

<?php 
  if(isset($_POST['profile_id'])){
     var uid=$_POST['profile_id'];
     $result->query("SELECT profile FROM user WHERE uid=$uid");
     $row=$result->fetch_array();
     die(json_encode($row));
  }
?>

<强> HTML：

<a href="#" class="pop">
  <img src="" style="width: 400px; height: 264px;">
</a>

Jquery Part：

$.post("ajax.php",{profile_id:1},function(response){
   if(response){
     var profileImg=JSON.parse(response);
         profileImg=profileImg[0].profile;
         $('.pop img').attr('src','http://example.com/image/'+profileImg);
         $('.pop').modal('show');
   }
});