PHP and Ajax Image Upload Code

Easy and custom PHP and ajax code for uploading image without page refresh and preview before uploading image to the server.

Complete files included with MySQL database file.

Files Included in the downloadable zip:

• PHP files
• CSS styling file(s)
• JavaScript file(s)
• Image Logo, png, jpg files
• MySQL Database file

Requirements:

• Local Server (xampp, wamp, etc.)
OR
• Live Server / Host
• Sublime Text / Text Editor

How to configure on (Local Server):

• Make a folder (exp: image-upload) in the local server htdoc directory
• Put all files except(SQL) in the image upload folder
• Open/Run local server
• Start Apache server and MySQL services
• Open web browser and type/run http://localhost/phpmyadmin
• Create a database with any name
• Edit config.php file using text editor OR sublime text
• In config.php change the database name with your database name which you have just created
• Import MySQL database file from import tab
• Now on browser run http://localhost/image-upload
• That's all.

It will look like this: