This tutorial teaches you how to upload images into a MySQL database using PHP. Even though it sounds complicated, it is fairly simple and has many practical applications. One example of an application would be Forum User Images.

Storing Images in a Database

This tutorial teaches you how to upload images into a MySQL database using PHP. Even though it sounds complicated, it is fairly simple and has many practical applications. One example of an application would be Forum User Images. Take user avatars for example. Its impractical to upload avatar files to one common folder, because chances are sooner or later two users will have the same name for an avatar, and either one avatar will be overwritten, or the other not accepted, causing trouble. Image Databasing solves this problem by inserting the image data into its own unique row in a table, each assigned with an ID number instead of a filename. Images can then be called from the database and be view using one PHP file for all images. How are they inserted into the database? By converting the data to base64. If you're confused, please bear with me, you will understand it soon.

There will be 3 PHP files in this tutorial:

readdir.php - this puts all the images in a folder into the database
image.php - the actual image script that displays the imag
view.php - an example file that shows you how to call the image
Base 64 is an encoding for binary data as described as a means of encoding email bodies in the IETF's MIME RFC. Base64 consists only of 64 encoding characters (A-Z, a-z, 0-9, +, /) that are a subset of US-ASCII. You can find out more here.

PHP includes 2 base64 functions - base64_decode() and base64_encode(). You can find out more about each one here and here respectively.

Creating the Image Database

First, create a MySQL database called base64imgdb (this is the name that will be used throughout the tutorial). Alternatively, you can use an existing database and just add the tables.

Second, create a table called images with two rows. Name the first one imgid, and give it the parameters TYPE: INT EXTRA: auto_increment, and check the circle under Primary. Name the second sixfourdata, and make it TYPE: LONGTEXT. Here is the SQL code you can execute to create the table:

The READDIR.PHP script

This script reads a directory within the server, selects all the jpg and gif images, encodes them into base64, and uploads them to the database, except in a different order. This is because the script reads each image in a loop, and we would like to keep a constant connection to the MySQL database instead of creating multiple ones. Here is the PHP code, you will need to change the username and password parts:

Next we need to open the directory, where

is the directory the readdir.php file is located:

This is the hardest part of the script: sorting the image types, reading the data using fopen, converting it using base64_encode , and then inserting it into the table.

This is the last and final part of the readdir.php: closing the directory and stating the proccess is complete:

The Image Reader IMAGE.PHP

This file may be the hardest file to understand whenever you see how simple view.php is, but bear with me, your patience will pay off. This file takes a request, requests the row in the table, decodes the data, and presents itself as an image. First, we have to connect to the database again:

Now we need to find out which row its requesting, which is done using image.php?img=x

After this, we need to connect to the table, get the data, and set it into variables:

Now here is the last and most confusing part of the file:

Now let me explain this. All this does is decodes the base64-encoded image data, end echos it. Thats it, nothing else.

Okay, so you made it this far already. This is now the easiest to copy and paste but hardest part to understand, where image.php?img=1 matches with whatever row the image is on, for example if its row 357 then you would need to put image.php?img=357:

Now that wasnt so hard was it? But most of you are probably wondering why when you link to a page, you get an image. This is the reason: images arent defined by their 3 letter suffixes (such as jpg or gif), but by how their headers are written. IMAGE.PHP simply echos the image data, and acts like an image even though it just proccesses the request. This is why you get an image. The files please!

readdir.php

image.php