{"id":2614,"date":"2017-07-17T18:04:30","date_gmt":"2017-07-17T18:04:30","guid":{"rendered":"https:\/\/www.codexworld.com\/?p=2614"},"modified":"2023-08-16T05:39:16","modified_gmt":"2023-08-16T05:39:16","slug":"store-retrieve-image-from-database-mysql-php","status":"publish","type":"post","link":"https:\/\/www.codexworld.com\/store-retrieve-image-from-database-mysql-php\/","title":{"rendered":"Store and Retrieve Image from MySQL Database using PHP"},"content":{"rendered":"

Generally, when we upload image file in PHP<\/a>, the uploaded image is stored in a directory of the server and the respective image name is stored in the database. At the time of display, the file is retrieved from the server and the image is rendered on the web page. But, if you don’t want to consume the space of the server, the file can be stored in the database only. You can upload an image without storing the file physically on the server using the MySQL database. It’s very easy to store and retrieve images from the database using PHP and MySQL.<\/p>\n

If you’re concerned about the server space and need free space on your server, you can insert the image file directly in the database without uploading it to the directory of the server. This procedure helps to optimize the server space because the image file content is stored in the database rather than the server. In this tutorial, we will show you how to store image files into the MySQL database and retrieve images from the database using PHP<\/b>.<\/p>\n

Before getting started to integrate file upload with the database, take a look at the file structure.<\/p>\n

store_retrieve_image_from_database\/<\/span>\r\n\u251c\u2500\u2500 dbConfig.php\r\n\u251c\u2500\u2500 index.php\r\n\u251c\u2500\u2500 upload.php\r\n\u251c\u2500\u2500 view.php\r\n\u2514\u2500\u2500 css\/<\/span>\r\n    \u2514\u2500\u2500 style.css\r\n<\/pre>\n
Insert Image File in MySQL<\/h2>\n
MySQL has a BLOB (binary large object) data type that can hold a large amount of binary data. The BLOB data type is perfect for storing image data in the database. In MySQL, four BLOB types are available \u2013 TINYBLOB, BLOB, MEDIUMBLOB, and LONGBLOB. The LONGBLOB data type is perfect to store the image file data.<\/p>\n
Create Database Table<\/h2>\n
To store the file content, a table is required in the database. The following SQL creates an images<\/code> table with the LONGBLOB data type<\/b> field in the MySQL database.<\/p>\n
CREATE<\/span> TABLE<\/span> `images`<\/span> (\r\n  `id`<\/span> int<\/span>(11<\/span>) NOT<\/span> NULL<\/span> AUTO_INCREMENT,\r\n  `image`<\/span> longblob NOT<\/span> NULL<\/span>,\r\n  `created`<\/span> datetime NOT<\/span> NULL<\/span> DEFAULT<\/span> current_timestamp<\/span>(),\r\n  PRIMARY KEY<\/span> (`id`<\/span>)\r\n) ENGINE<\/span>=InnoDB<\/span> DEFAULT<\/span> CHARSET<\/span>=utf8 COLLATE<\/span>=utf8_unicode_ci;<\/pre>\n
Database Configuration (dbConfig.php)<\/h2>\n
The dbConfig.php<\/code> file is used to connect and select the database. Specify the database host ($dbHost<\/code>), username ($dbUsername<\/code>), password ($dbPassword<\/code>), and name ($dbName<\/code>) as per your MySQL database credentials.<\/p>\n
<?php  
<\/span>\/\/ Database configuration  
<\/span>$dbHost     <\/span>= <\/span>\"localhost\"<\/span>;  
<\/span>$dbUsername <\/span>= <\/span>\"root\"<\/span>;  
<\/span>$dbPassword <\/span>= <\/span>\"root\"<\/span>;  
<\/span>$dbName     <\/span>= <\/span>\"codexworld_db\"<\/span>;  
  
<\/span>\/\/ Create database connection  
<\/span>$db <\/span>= new <\/span>mysqli<\/span>(<\/span>$dbHost<\/span>, <\/span>$dbUsername<\/span>, <\/span>$dbPassword<\/span>, <\/span>$dbName<\/span>);  
  
<\/span>\/\/ Check connection  
<\/span>if (<\/span>$db<\/span>-><\/span>connect_error<\/span>) {  
    die(<\/span>\"Connection failed: \" <\/span>. <\/span>$db<\/span>-><\/span>connect_error<\/span>);  
}<\/span><\/pre>\n
Image Upload Form<\/h2>\n
Create an HTML form with a file input field to select an image file for upload. Make sure the <form<\/span>><\/span> tag contains the following attributes.<\/p>\n