Question

我将图像存储在我的数据库中，我希望将它们全部检索并在浏览器中显示它们。它工作得很好，但我想让用户能够点击图片，以便他们可以更好地查看图片（因此以原始尺寸显示）。我尝试了很多东西，但没有用。第二个问题：如果我希望我的代码支持多种图像类型（如gif，jpg等），如果有办法做到这一点而不必保存图像类型（当我插入图像时）和整体玩一堆if / else（当我检索它们时）？
这是我的代码

  $count = 0;
       echo " <div class=\"row\">"; 
   while($row = $result->fetch_assoc()) {

       $imagename = base64_encode( $row['Image'] );
       if(($count%3) ==0){
        echo "</div>";
         echo " <div class=\"row\">"; 

            echo "  <div class=\"col-sm-2\">";
            echo " <a href=\"$imagename.jpeg\" class=\"thumbnail\">";
            echo '<img src="data:image/jpeg;base64,'.base64_encode( $row['Image'] ).'" style=\"width:130px;height:130px\"/>';
            echo"</a></div>";      


        ++$count;

       }else{
                echo "  <div class=\"col-sm-2\">";
            echo " <a href=\"$imagename.jpeg\" class=\"thumbnail\">";
            echo '<img src="data:image/jpeg;base64,'.base64_encode( $row['Image'] ).'" style=\"width:130px;height:130px\"/>';
            echo"</a></div>";
            ++$count;

       }

   }
 echo "</div>" ;

Answer 1

你的第一个问题的答案是“你必须使用灯箱jQuery插件”，为了显示你需要使用任何灯箱插件的更大（原始尺寸）的缩略图，我建议使用这个 http://www.jqueryscript.net/zoom/Responsive-jQuery-Lightbox-Like-Image-Zooming-Plugin-Lighter.html 或者你可以搜索任何其他插件，其中有数千个插件。

关于第二个问题，如果您将数据用作图像源，则必须指定一种类型，如果不提及类型，则无法做到这一点。

从数据库中检索图像，显示并将其附加到链接

1 个答案: