如何在 php 中仅显示 mysql 数据库中的第一张图像

Question

我有以下代码。如何在代码末尾显示数据库中索引为 0 的第一张图像以显示大图像？现在它显示数据库中的最后一张图像。    <div id="imgWheel" class="treatmentContainer">   <?php        $query = "SELECT * FROM images WHERE user = 0 ORDER BY id;";        $result = $mysqli->query($query);           while ($row = $result->fetch_array(MYSQLI_ASSOC)) {             $product = $row["product"];             $room = $row["room"];             $style = $row["style"];             $tags = $row["tags"];             $src = $row["url"];             $dataid = $row["id"];                                      $imgClass = "";               if (in_array($src, $favourites)) {                   $imgClass = " favourite";               }                        echo "<div class='treatment$imgClass' data-url='$src' data-product='$product' data-room='$room' data-style='$style' data-tags='$tags' data-number='$dataid' id='pic_$dataid' >";echo "<img src='$src' crossorigin='anonymous'/>";echo "</div>";}?>                       </div> <!-- close imgWheel -->   <!-------- Large Image Display------- --><div id="display">     <img  id="mainImage" src="<?php echo $src ?>" /> </div>

Answer 1

您的结果集已经按 id 排序，因此您只需要一个变量，用第一个 imageurl 填充一次

<div id="imgWheel" class="treatmentContainer">

<?php

    $bigpictureurl = "";

    $query = "SELECT * FROM images WHERE user = 0 ORDER BY id;";

    $result = $mysqli->query($query);

       while ($row = $result->fetch_array(MYSQLI_ASSOC)) {

         $product = $row["product"];

         $room = $row["room"];

         $style = $row["style"];

         $tags = $row["tags"];

         $src = $row["url"];

         $dataid = $row["id"];

         if (empty($bigpictureurl)) {

             $bigpictureurl = $src ;

         }          

          $imgClass = "";

           if (in_array($src, $favourites)) {

               $imgClass = " favourite";

           }

                    

echo "<div class='treatment$imgClass' data-url='$src' data-product='$product' data-room='$room' data-style='$style' data-tags='$tags' data-number='$dataid' id='pic_$dataid' >";

echo "<img src='$src' crossorigin='anonymous'/>";

echo "</div>";

}

?>   

                    

</div> <!-- close imgWheel -->   

<!-------- Large Image Display------- -->

<div id="display">

     <img  id="mainImage" src="<?php echo $bigpictureurl ?>" /> 

</div>

Answer 2

既然您的陈述中包含了所有这些内容WHILE，我假设您想要echo所有这些记录。然后最后显示第一张图片。因此，对于“大图像显示”，请尝试一下：

<div id="display">

     $query = "SELECT * FROM images WHERE user = 0;";

     $result = $mysqli->query($query);

     $row = $result->fetch_array(MYSQLI_ASSOC)

     $src = $row["url"];

     <img  id="mainImage" src="<?php echo $src ?>" /> 

</div>

如果您想要更少的代码，请将循环$src内的值保存到其他变量中，例如. 然后你的代码就变成了：WHILEuser=0$src2

<img  id="mainImage" src="<?php echo $src2 ?>" />

Answer 3

一个快速而肮脏的解决方案是将您的第一张图像保存在一些单独的变量中，例如如下所示：

$isFirst = true;

$firstImageSrc = "";

$result = ....;

while (...) {

   // set your $product, $room etc here

   if ($isFirst) {

      $isFirst = false;

      $firstImageSrc = $src;

   }

}

echo ...

?>

</div> <!-- close imgWheel -->   

<!-------- Large Image Display------- -->

<div id="display">

     <img  id="mainImage" src="<?php echo $firstImageSrc ?>" /> 

</div>

一个更优雅的解决方案是创建一个包含所有图像的数组，以便您可以将 php 与 html 分开。我将在下面重构您的代码，并修复您的第一个图像问题：

<?php

   $images = [];

   $idx = 0;

   $query = "SELECT * FROM images WHERE user = 0 ORDER BY id;";

   $result = $mysqli->query($query);

   while ($row = $result->fetch_array(MYSQLI_ASSOC)) {

      $images[$idx]["product"] = $row["product"];

      $images[$idx]["room"] = $row["room"];

      $images[$idx]["style"] = $row["style"];

      $images[$idx]["tags"] = $row["tags"];

      $images[$idx]["src"] = $row["url"];

      $images[$idx]["dataid"] = $row["id"];

      $images[$idx]["imgClass"] = "";

      if (in_array($src, $favourites)) {

         $images[$idx]["imgClass"] = " favourite";

      }

      $idx++;

   }

?>

<div id="imgWheel" class="treatmentContainer">

<?php foreach ($images as $image) { ?>

   <div class='treatment<?=$image["imgClass"]?>' data-url='<?=$image["src"]?>' data-product='<?=$image["product"]?>' data-room='<?=$image["room"]?>' data-style='<?=$image["style"]?>' data-tags='<?=$image["tags"]?>' data-number='<?=$image["dataid"]?>' id='pic_<?=$image["dataid"]?>' >

      <img src='<?=$image["src"]?>' crossorigin='anonymous'/>

   </div>

<?php } ?> 

                    

</div> <!-- close imgWheel -->   

<!-------- Large Image Display------- -->

<div id="display">

     <img id="mainImage" src="<?=$images[0]["src"]?>" /> 

</div>

Answer 4

您只需要更新您的 SQL 查询，只需添加LIMIT 1。这会将结果限制为 1 条记录，并且当您有ORDER id ASC时，它将显示给定用户的第一条记录（按照您的说法，它是 0）。

$query = "SELECT * FROM images WHERE user = 0 ORDER BY id ASC LIMIT 1;";