HTML MYSQL PHP WEB DEVELOPMENT

Upload and Validate an Image in PHP

August 23, 2018August 23, 2018 Web Design Comments(9)

Upload and Validate an Image in PHP

In this tutorial I will explain how to upload a image and how to validate image extension

Create a HTML form with two text field :

One is for Image title with input type text.
Second one is for upload image with input type file.For file upload input must be file(type=”file”). This input type show the file select control.

HTML form must have following attributes :

method=”post”
enctype=”multipart/form-data” (The enctype attribute specifies how the form-data should be encoded when submitting it to the server.)

without these attributes , the image upload will not work.

<form name="uploadimage"  enctype="multipart/form-data" method="post">
<table width="100%"  border="0">
<tr>
<th width="26%" height="60" scope="row">Image Title:</th>
<td width="74%"><input type="text" name="imagetitle"  autocomplete="off" class="form-control" required /></td>
</tr>
 
<tr>
<th height="60" scope="row">Upload Image :</th>
<td><input type="file" name="image"  required /></td>
</tr>
 
<tr>
<th height="60" scope="row">&nbsp;</th>
<td><input type="submit" value="Submit" name="submit" class="btn-primary" /></td>
</tr>
</table>
</form>

<tr>

<th width="26%" height="60" scope="row">Image Title:</th>

</tr>

<tr>

<th height="60" scope="row">Upload Image :</th>

</tr>

<tr>

</tr>

</table>

</form>

Create a database with name imagesdata. Inside this database we create a table with name tblimages.

SQL Script for tblimages

CREATE TABLE IF NOT EXISTS `tblimages` (
  `id` int(11) NOT NULL,
  `ImagesTitle` varchar(120) DEFAULT NULL,
  `Image` varchar(150) DEFAULT NULL,
  `PostingDate` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=latin1;

CREATE TABLE IF NOT EXISTS `tblimages` (

`id` int(11) NOT NULL,

`ImagesTitle` varchar(120) DEFAULT NULL,

`Image` varchar(150) DEFAULT NULL,

`PostingDate` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP

) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=latin1;

Now create a database connection file(config.php)

<?php
define('DB_SERVER','localhost');
define('DB_USER','root');
define('DB_PASS' ,'');
define('DB_NAME', 'imagesdata');
$con = mysqli_connect(DB_SERVER,DB_USER,DB_PASS,DB_NAME);
// Check connection
if (mysqli_connect_errno())
{
 echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
?>

<?php

define('DB_SERVER','localhost');

define('DB_USER','root');

define('DB_PASS' ,'');

define('DB_NAME', 'imagesdata');

$con = mysqli_connect(DB_SERVER,DB_USER,DB_PASS,DB_NAME);

// Check connection

if (mysqli_connect_errno())

{

echo "Failed to connect to MySQL: " . mysqli_connect_error();

}

PHP Script for getting posted values, image validation, move images into directory and insertion data into database

Web Design

HTML MYSQL PHP

How to insert data into MySql using PHP

August 21, 2018 Web Design

In this tutorial i will explain how to insert data into MySql using PHP. [aio_button align=”none” animation=”none” color=”red” size=”small” icon=”play” text=”View Demo” target=”_blank” relationship=”dofollow” url=”https://phpgurukul.com/demos/mysqlinsert/”] First Create a database with name demo. Now create a table with name data. Here the strcuture of table

CREATE TABLE IF NOT EXISTS `data` (
  `id` int(11) NOT NULL,
  `name` varchar(255) NOT NULL,
  `email` varchar(255) NOT NULL,
  `contactno` bigint(20) NOT NULL,
  `gender` varchar(255) NOT NULL,
  `education` varchar(255) NOT NULL,
  `address` longtext NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;

CREATE TABLE IF NOT EXISTS `data` (

`id` int(11) NOT NULL,

`name` varchar(255) NOT NULL,

`email` varchar(255) NOT NULL,

`contactno` bigint(20) NOT NULL,

`gender` varchar(255) NOT NULL,

`education` varchar(255) NOT NULL,

`address` longtext NOT NULL

) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;

Code for mysql connection with php

<?php
define('DB_SERVER','localhost');
define('DB_USER','root');
define('DB_PASS' ,'');
define('DB_NAME', 'demos');
$conn = mysql_connect(DB_SERVER,DB_USER,DB_PASS)
or
die('localhost connection problem'.mysql_error());
mysql_select_db(DB_NAME, $conn);
?>

<?php

define('DB_SERVER','localhost');

define('DB_USER','root');

define('DB_PASS' ,'');

define('DB_NAME', 'demos');

$conn = mysql_connect(DB_SERVER,DB_USER,DB_PASS)

die('localhost connection problem'.mysql_error());

mysql_select_db(DB_NAME, $conn);

Create a HTML Form for user inputs

<form name="insert" action="" method="post">
<table width="100%"  border="0">
<tr>
<th height="62" scope="row">Name </th>
<td width="71%"><input type="text" name="name" id="name" value=""  class="form-control" required />
</td>
</tr>
<tr>
<th height="62" scope="row">Email id </th>
<td width="71%"><input type="email" name="email" id="email" value=""  class="form-control" required />
</td>
</tr>
<tr>
<th height="62" scope="row">Contact no</th>
<td width="71%">
<input type="text" name="contactno" id="contactno" value=""  class="form-control" maxlength="10" required /></td>
</tr>
<tr>
<th height="62" scope="row">Gender</th>
<td width="71%"><input type="radio" name="gender" value="Male" checked >Male
<input type="radio" name="gender" value="Female" >female</td>
</tr>
<tr>
<th height="62" scope="row">Education</th>
<td width="71%"><select name="education" id="email" class="form-control" required >
<option value="">Select your Education</option>
<option value="Post Graduate">Post Graduate</option>
<option value="Graduate">Graduate</option>
<option value="Intermediate">Intermediate</option>
<option value="High School">High School</option>
<option value="Other">Other</option>
</select></td>
</tr>
<tr>
<th height="62" scope="row">Address</th>
<td width="71%"><textarea name="addrss" class="form-control"  required></textarea> </td>
</tr>
<tr>
<th height="62" scope="row"></th>
<td width="71%"><input type="submit" name="submit" value="Submit" class="btn-group-sm" /> </td>
</tr>
</table>
</form>

<tr>

</td>

</tr>

<tr>

<th height="62" scope="row">Email id </th>

</td>

</tr>

<tr>

<th height="62" scope="row">Contact no</th>

</tr>

<tr>

<th height="62" scope="row">Gender</th>

<td width="71%"><input type="radio" name="gender" value="Male" checked >Male

<input type="radio" name="gender" value="Female" >female</td>

</tr>

<tr>

<th height="62" scope="row">Education</th>

<option value="">Select your Education</option>

<option value="Post Graduate">Post Graduate</option>

<option value="Graduate">Graduate</option>

<option value="Intermediate">Intermediate</option>

<option value="High School">High School</option>

<option value="Other">Other</option>

</select></td>

</tr>

<tr>

<th height="62" scope="row">Address</th>

</tr>

<tr>

</tr>

</table>

</form>

Now get […]

9 Replies to “Upload and Validate an Image in PHP”

Chad says:

April 25, 2019 at 9:33 pm

It is great how you made a complex issue sound so simple, thank you so so much.

Reply
Owen G says:

April 26, 2019 at 3:35 am

Good advice. I still see people not validating file types, which can, of course, have security implications.

Reply
Arun says:

April 26, 2019 at 11:53 am

Thank you for the simple explanation.. daily I learn something new from your blog. Thank you so much .

Reply
1. Web Design says:
  
  April 26, 2019 at 6:40 pm
  
  am glad you are grabbing something.
  
  Reply
Rose Ann Sales says:

April 26, 2019 at 4:10 pm

Thanks for sharing this wonderful blog post. It is so helpful and easy to understand.

Reply
Genny Gall says:

April 26, 2019 at 11:25 pm

I need to learn more about this, codes for me are a little too much

Reply
1. Web Design says:
  
  April 27, 2019 at 12:30 am
  
  determination is all you need.
  
  Reply
Ana says:

April 27, 2019 at 12:20 am

I loved how you explained step by step process of validating an image. I feel like every day I learn something new through my blog!

Reply
1. Web Design says:
  
  April 27, 2019 at 12:22 am
  
  Thanks Ann
  
  Reply