PHP: Make Bild gespeichert in der Datenbank reagieren, wenn

Question

aufgerufen Ich habe eine Website, die viele Kategorien hat, jede Kategorie hat es zugewiesene Bild in meinem db gespeichert, so wenn ein Produkt von sagen Bikes auf der Website erscheint, die Fahrräder Bild wird aufgerufen, und wenn ein Produkt aus der Kategorie Stühle aufgerufen wird, erscheint das zugewiesene Stuhlbild aus der DB als Kopfzeile für diese Produktseite.

Mein Problem hier ist, wie würde ich dieses Bild reagieren, wie es in der DB gespeichert ist, mache ich das Div das Bild erscheint in responsive, oder gibt es einen anderen und effizienteren Weg um es.

<div id='image'> 
      <?php 
      mysqli_report(MYSQLI_REPORT_INDEX); 
      if (isset($_GET['rest_id'])) { 

       $Rest = $_GET['rest_id']; 

       $get_cat_img = "SELECT Cuisine_category,Category_img 
    FROM Rest_Category 
    INNER JOIN Rest_Details 
    ON Rest_Category.CategoryID = Rest_Details.Cat_ID 
    WHERE Rest_Details.Resturant_ID='$Rest'"; 

       $results = mysqli_query($dbc, $get_cat_img) or die("query is not working"); 
       $row = mysqli_fetch_array($results) or die("q not working"); 
       $img = $row['Category_img']; 

       echo'<img id="img" src="data:image/jpeg;base64,' . base64_encode($img) . '" alt="Category_header" width="100%" height="300px">';  
      } 
      mysqli_close($dbc); 
    ?> 
    </div> 

Answer 1

Wenn wir die Bilder in DB speichern, ist es sehr langsam. Also bitte vermeide diese Option. Zeigen Sie die Bilder in responsive an Schreiben Sie Medienabfragen für verschiedene Geräte

Answer 2

Sie können Breite und Höhe in CSS einstellen, um das Bild ansprechend zu machen.

img { 
    width: 100%; 
    height: auto; 
} 

Wenn Sie Probleme mit einem bestimmten Gerät haben, können Sie eine Medienabfrage durchführen. ZB:

@media only screen and (min-width: 400px) { 
    img { 
     width: 100% !important; 
     height: auto !important; 
    } 
} 

Auch refer.