Question

I am retrieving an array of book objects with attributes like title,isbn and image. When I wish to display only labels using for loop it is displaying all entries. But when I try to display image, it only displays one. Also when I try to display both title and image, it says can

Warning: Cannot modify header information - headers already sent by (output started at /Applications/XAMPP/xamppfiles/htdocs/BookStore/BooksResult.php:14) in /Applications/XAMPP/xamppfiles/htdocs/BookStore/BooksResult.php on line 15.

Below is the code.

foreach($booksArr as &$book)
{
    $content = $book->Image;
    $title=$book->s_Title;                  
    echo $title;
    header('Content-type: image/jpg');
    {
        echo $content;
    }
}

Answer 1

The “Cannot modify header information…” problem is here:

header('Content-type: image/jpg');

Your PHP script is outputting HTML. You cannot change the content type of the output mid-stream. Instead, you should output an <img> tag that points to the image location.

UPDATE BASED ON COMMENT DATA:

If you need to serve your images as blobs from the database, you will need to create a separate script to fetch the images. First modify this one to reference the new script by creating an <img> tag with a src attribute that contains the path to your image-fetching script and the image ID:

<img src="/path/to/your/new/script.php?id=<?php echo $row_id; ?>" />

Substitute $row_id with the field data that uniquely identifies a book in your database.

Next, create the new image fetching script. It will contain three elements:

1. A line to get the id from the GET request:
   $id = $_GET[‘id’];

2. An SQL statement to fetch the image blob based on the ID. (Remember to sanitize your input!)

3. A header() statement like the one you used in your original script

After the header() line, just output the blob, and your image will be displayed.