PHP 和 MySQL : fetch images from database

Question

我上传了多张图片，所有图片的路径都存储在一起了。

使用 explode我已经将它们分开，现在我希望在旋转木马中与它们相呼应

我正在使用的代码是:

<?php
    $con=mysqli_connect("localhost","root","","db");
    // Check connection
    if (mysqli_connect_errno())     {
        echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }
    $idd = $_GET['id'];
    echo "<header id='myCarousel' class='carousel slide'>";
        /* Indicators */
        echo"<ol class='carousel-indicators'>";
            echo"<li data-target='#myCarousel' data-slide-to='0' ></li>";
            echo"<li data-target='#myCarousel' data-slide-to='1'></li>";
            echo"<li data-target='#myCarousel' data-slide-to='2'></li>";
        echo"</ol>";

        $sql = "SELECT * FROM register_office WHERE id='".$idd."'";
            $result = mysqli_query($con, $sql);
            if (mysqli_num_rows($result) > 0) 
                {
                    /* Wrapper for slides*/
                    echo"<div class='carousel-inner'>";
                        echo"<div class='item'>";
                            while($row = mysqli_fetch_assoc($result)) 
                                {
                                    $str= $row["offimage"];
                                    $array =  explode('*', $str);
                                    foreach ($array as $item) 
                                        {
                                            echo "<div class='fill'>";
                                            echo "<img src=\"http://example.com/abc/" . $item . "\" height=\"500\" width=\"2000\"/>"; 
                                            echo "</div>";
                                }   
                        echo"</div>";
                    echo"</div>";
                }
                    /*Controls*/
                    echo"<a class='left carousel-control' href='#myCarousel' data-slide='prev'>";
                        echo"<span class='icon-prev'></span>";
                    echo"</a>";
                    echo"<a class='right carousel-control' href='#myCarousel' data-slide='next'>";
                        echo"<span class='icon-next'></span>";
                    echo"</a>";
                echo"</header>";
    ?>

但它只显示一张图片。此外，当我使用下一个控件时，即使我尝试向前或向后移动，它也不会显示图像。

Answer 1

这里可能有一些问题......

1. explode ()

首先，您的 explode()如果您的 $row1["offimage"] 可能无法工作字符串没有星号 *文件名之间。在对 OP 的回复评论中，您向我们提供了 $row1["offimage"] 内容的示例。 ，它不会用星号分隔每个 PNG 文件 * :

@lolka_bolka i get this outout, uploads/c376437e2a45598b2f4d89eae4f191e8.pnguploads/c376437e2a45598b2f4d89eae4f‌​191e8.png8069756be5095978123ae51fadbffe3b.pnguploads/c376437e2a45598b2f4d89eae4f‌​191e8.png8069756be5095978123ae51fadbffe3b.png04aaa414c21dc057bc594b896124068e.png 
–  user3732711 Dec 16 '14 at 12:24 

为了让您的脚本像您编写的那样工作，我们希望看到，例如，您的 $row1["offimage"]字符串看起来像这样，带有星号 *分隔每个 PNG 文件名(及其目录路径):

 uploads/c376437e2a45598b2f4d89eae4f191e8.png*uploads/c376437e2a45598b2f4d89eae4f‌​191e8.png*8069756be5095978123ae51fadbffe3b.png

2. DIV 类“项目”

正如“Dan Soap”和“Rohit the developer”在这里回答的那样，要使轮播起作用，您需要确保每个图像都包裹在自己的 item 中。类(class)。

你上面的代码有 echo"<div class='item'>";之前 while环形。
echo"<div class='item'>";应该在 while 循环内 - 更具体地说，它应该在您的 foreach 内循环 - 以便轮播中的每个图像都用 item 包裹类(class)。

并且不要忘记， item或您希望首先显示(加载时)的图像应具有 active类也是如此，以及 item类，例如: <div class="item active"> .

3. JavaScript

您没有包含任何 JavaScript 供我们查看...而无需调用 carousel()功能，什么都不会发生，只会显示一个(静态)图像。你可能需要这样的东西:

<script>
$('.carousel').carousel({
    interval: 3000
})
</script>

希望其中一个/一些/所有这些可以帮助您启动并运行轮播! :)