簡體   English   中英

如何使用php和mysql在bootstrap div中顯示圖像

[英]How to display image in bootstrap div using php and mysql

我試圖顯示從數據庫到引導div的圖像,這是我的代碼:

 $sql = "SELECT * FROM berita ORDER BY id DESC LIMIT 0, 1";
$result = mysqli_query($conn, $sql);
while ($row = mysqli_fetch_assoc($result)) {

    $image= $row['gambar'];
    $title = $row['judul'];
    $description = $row['konten'];
    $time = $row['tanggal'];


    echo"<html>";
    echo"<head>";
echo"<title>Business_Blog  | Home </title>";
echo"<meta name='viewport' content='width=device-width, initial-scale=1'>";
echo"<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />";
echo"<meta name='keywords' content='Business_Blog Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design' />";
echo "<script type='applijewelleryion/x-javascript'> addEventListener('load', function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>";
echo    "<link href='css/bootstrap.css' rel='stylesheet' type='text/css' />";
//<!-- Custom Theme files -->
echo    "<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>";
echo    "<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>";
echo "<link href='css/style.css' rel='stylesheet' type='text/css' />";  
echo    "<script src='js/jquery-1.11.1.min.js'></script>";
echo    "<script src='js/bootstrap.min.js'></script>";
echo"   </head>";


 echo"      <div class='tc-ch'>";
echo"         <div class='tch-img'>";
echo"            <a href='singlepage.html'><img src='images/$image' class='img-responsive' alt=''/></a>";
echo            "</div>";
echo"               <a class='blog blue' href='singlepage.html'> Technology</a>";
echo"               <h3><a href='singlepage.html'>$title</a></h3>";
echo"                  <p>".substr($description,0,200)."<a href=articles.php?id=".$row['id']." > Read more</a></p>";
echo"                     <div class='blog-poast-info'>";
echo"                        <ul>";
echo"                           <li> <i class='glyphicon glyphicon-user'> </i><a class='admin' href='#'>Admin </a><li>";
echo"                        <li> <i class='glyphicon glyphicon-calendar'> </i>$time</li>";
echo"                        <li> <i class='glyphicon glyphicon-comment'> </i><a class='p-blog' href='#'>3 comments</a></li>";
echo"                           <li> <i class='glyphicon glyphicon-heart'> </i><a class='admin' href='#'>5 favourites</a></li>";
echo"                           <li> <i class='glyphicon glyphicon-eye-open'> </i>1.128</li>";
echo"                           </ul>";
echo"                           </div> ";
echo"                        </div>";
echo"                        <div class='clearfix'></div>";
                    //<!-- technology-top -->
            //<!-- technology-top -->
echo"                     <div class='soci'>";
echo"                     <ul>";
echo"                     <li><a href='#' class='facebook-1'> </a></li>";
echo"                     <li><a href='#' class='facebook-1 twitter'> </a></li>";
echo"                     <li><a href='#' class='facebook-1chrome'> </a></li>";
echo"                     <li><a href='#'><i class='glyphicon glyphicon-envelope'> </i></a></li>";
echo"                     <li><a href='#'><i class='glyphicon glyphicon-print'> </i></a></li>";
echo"                     <li><a href='#'><i class='glyphicon glyphicon-plus'> </i></a></li>";
echo"                     </ul>";
echo"                        </div>";
//echo "<img src=".$row['gambar']." />";
//echo "<p>".substr($row['konten'],0,200)."<a href=articles.php?id=".$row['id']." > Read more</a></p>";
  echo"</html>";  
}

$conn->close();
            ?>

其他所有代碼都可以正常工作,但是當我回顯$image它不起作用,但是當我使用html代碼時,它可以工作<a href="singlepage.html"><img src="images/1.jpg" class="img-responsive" alt=""/></a>圖像成功插入數據庫,我回顯bootsrap css和其他文件,但是它不起作用,也沒有收到錯誤消息。請提供任何幫助。

強烈建議不要將照片保存在數據庫中,因為數據類型將更改為blob,並且在插入和拉出時必須調整類型,而是可以將照片保存在文件夾中,並將路徑保存為字符串。 希望這會有所幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM