Scribd
Upload
37 views6 pages

IWP Activity-5

The document provides code for an image upload form with validation. The HTML form allows a user to select an image file and submit it. The PHP script processes the uploaded file, saves it to a folder on the server with a unique name, and returns a success or error message. It validates the file type, size, and saves it only if the upload is successful, displaying the path to the uploaded image file on success.

Uploaded by

Sisira Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
37 views6 pages

IWP Activity-5

The document provides code for an image upload form with validation. The HTML form allows a user to select an image file and submit it. The PHP script processes the uploaded file, saves it to a folder on the server with a unique name, and returns a success or error message. It validates the file type, size, and saves it only if the upload is successful, displaying the path to the uploaded image file on success.

Uploaded by

Sisira Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

Assignment - 5

INTERNET WEB PROGRAMMING

(B.Tech. 3RD YEAR )


WINTER SEMESTER 2022-2023

Name SISIRA REDDY Y

Reg. No. 20BCE2448


SISIRA REDDY Y – 20BCE2448

QUESTION

Design a PHP program to get the image of the user from the HTML form used in
activity - 4. The file should be saved in your own designated folder in server. Refer file
upload concept.

Html Code:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title> SISIRA REDDY </title>
<link rel="stylesheet" href="C:\Users\SISIRA REDDY
\OneDrive\Desktop\style 4.css">
</head>
<body>
<div class="container">
<form name="sisira" action="upload.php" onsubmit="return
validform()" method="post" encypte="multipart/form-data">
<label for="Login" class="lab" >Login</label>
<input type="text" name="Login" class="lab">
<span id="usererror" class="text-danger" font-
color:"Red"></span></br>
<label for="Password" class="lab" >Password</label>
<input type="text" name="Password" class="lab">
<span id="passworderror" class="text-danger" font-
color:"Red"></span></br>
<label for="Confirm Password" class="lab"">Confirm Password</label>
<input type="text" name="Confirm Password" class="lab">
<span id="cpassworderror" class="text-danger" font-
color:"Red"></span></br>
<label for="gender" class="lab" >Gender</label>
<select>
<option value="Male" >Male</option>
<option value="Female" >Female</option>
<option value="Others" >Others</option></select></br>
<label for="Email" class="lab" >Email</label>
<input type="text" name="Email" class="lab" ></br>
<span id="emailerror" class="text-danger" font-color:"Red"></span>
<label for="file" class="lab">File</label>
<input id="file" type="file" name="file" class="lab"></br>
<input type="submit" name="submit" value="submit"</br></form>
</div>
<script>
function validation(){
var login= document.getElementById('login').value;
var password= document.getElementById('password').value;
var cpassword= document.getElementById('Confirm Password').value;

1
SISIRA REDDY Y – 20BCE2448

var gender= document.getElementById('gender').value; var email=


document.getElementById('Email').value; var usercheck=
/^(?=.*\d).{8,}$/ ;
var passwordcheck = /^(?=.[A-Za-z])(?=.*\d)[A-Za-z\d]{16,}$/ ;
var emailcheck= /^[A-Za-z_]{3,0}?@[A-Za-z]{3,1}[.]{1}[A-Za-
z]{2,6}$/ ;
if(usercheck.test(login)){
document.getElementById('loginerror').innerHTML = " ";
}else{ document.getElementById('loginerror').innerHTML ="*"
"Username is invalid";
return false;
}
if(passwordcheck.test(password)){
document.getElementById('passworderror').innerHTML = " ";
}else{ document.getElementById('passworderror').innerHTML ="*"
"Password is invalid";
return false;
}
if(password.match(cpassword)){
document.getElementById('cpassworderror').innerHTML = " ";
}else{
alert("entered password is not the same");
document.getElementById('cpassworderror').innerHTML ="*" "Password
is not matching";
return false;
}
if(emailcheck.test(email)){
document.getElementById('emailerror').innerHTML = " ";
}else{ document.getElementById('emailerror').innerHTML ="*" "Email
is invalid";
return false;
}
}
</script>
</body>
</html>

CSS Code:
input:valid
{
background-color: LightGreen
}
input:invalid
{
background-color: Yellow
}
select:valid
{

2
SISIRA REDDY Y – 20BCE2448

background-color: LightGreen
}
select:invalid
{
background-color: Yellow
}
.container
{
background-color: grey; width: 500px;
padding: 25px;
border: 25px solid black; margin: auto;
}
label{ color:white; text-align: left;
display:inline-block; margin-left:10px;
}
.lab{ width:150px;
margin-bottom:10px; padding:5px;
} #d1{
width:20%; border:10px white;
background-color:white;
text-color:black;
}

PHP Code:
<?php if(isset($_POST['submit'])){
$file=$_FILES['file'];
$filename = $_FILES['file']['name'];
$filetmpname = $_FILES['file']['tmp_name'];
$filesize = $_FILES['file']['size'];
$fileerror = $_FILES['file']['error'];
$filetype = $_FILES['file']['type'];
$fileExt = explode('.',$filename);
$fileactualext = strtolower(end($fileext));
$allowed = array('jpg','jpeg','png','pdf');
if(in_array($fileactualext, $allowed)) { if ($file_error == 0){
if ($filesize < 1000000) {
$filenamenew = uniqid('',true).".".$fileactualext;
$filedestination = 'upload/'.$filenamenew; move_upload_file(
$filetmpname , $filedestination); echo “File is an image”;
}else {
echo "your file is big";
}
}else {
echo "There was an error uploading your file!";
}
} else {
echo "You cannot upload files of this type";
}

3
SISIRA REDDY Y – 20BCE2448

}
?>

Output:

For Basic Code


Html Code:
<!DOCTYPE html>
<html>
<head>
<title>Upload Image Form</title>
</head>
<body>
<h2>Upload Image Form</h2>
<form action="upload_image.php" method="POST"
enctype="multipart/form-data">
<label for="image">Select Image:</label>
<input type="file" name="image" id="image"><br><br>
<input type="submit" value="Upload">
</form>
</body>
</html>

PHP Code:
<?php

// Define the folder where the image will be saved


$target_dir = "uploads/";

// Get the file name and extension of the uploaded image

4
SISIRA REDDY Y – 20BCE2448

$file_name = basename($_FILES["image"]["name"]);
$file_ext = pathinfo($file_name, PATHINFO_EXTENSION);

// Generate a unique name for the image to avoid overwriting


existing files
$unique_name = uniqid() . '.' . $file_ext;

// Set the target path for the uploaded image


$target_path = $target_dir . $unique_name;

// Check if the file was uploaded successfully


if (move_uploaded_file($_FILES["image"]["tmp_name"], $target_path))
{
// Display a success message with the path to the uploaded
image
echo "The file ". $unique_name. " has been uploaded to " .
$target_path;
} else {
// Display an error message if the file upload failed
echo "Sorry, there was an error uploading your file.";
}
?>

The user can select an image file using an HTML form and submit it to the PHP script
(upload_image.php) for processing. The PHP script saves the image file in a designated folder
on the server and generates a unique name for the file to avoid overwriting existing files. If
the upload is successful, a success message is displayed with the path to the uploaded image.
If there is an error, an error message is displayed instead.
Note: Make sure to create the "uploads" folder in the same directory as the PHP script and set
its permissions to allow file uploads.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy