0

Dear Sir,

I am using these codes

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><title>My Contacts</title>

<style type="text/css">

html {
overflow:auto;
}

body{
background-color:#e7f4fe;
}

#container {
margin: auto;
position:absolute;
top:0;left:0;right:0;bottom:0;
background-color:#CFC;
padding:10px;
overflow:auto;
width:300px;
height:300px;
}

</style>

 <body>

<div id="container">

 <form action="" method="post"
 enctype="multipart/form-data">
 <img align="middle name="photo" width="100" height="100"  src="http://www.w3schools.com/images/compatible_chrome.gif"><br>

 <input type="file" name="file" id="file" value="PLEASE CHANGE YOUR IMAGE "></br>
 <input type="submit"  name="submit" value="Submit">
 </form>
</div>
 </body>
 <?php
 if (!empty($_POST['submit']))
 {
 $allowedExts = array("gif", "jpeg", "jpg", "png");
 $temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
 if ((($_FILES["file"]["type"] == "image/gif")
 || ($_FILES["file"]["type"] == "image/jpeg")
 || ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
 || ($_FILES["file"]["type"] == "image/png"))
 && ($_FILES["file"]["size"] < 20000)
 && in_array($extension, $allowedExts))
   {
   if ($_FILES["file"]["error"] > 0)
     {
     echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
     }
   else
     {

     if (file_exists("upload/" . $_FILES["file"]["name"]))
       {
       echo $_FILES["file"]["name"] . " already exists. ";
       }
     else
       {
       move_uploaded_file($_FILES["file"]["tmp_name"],
       "upload/" . $_FILES["file"]["name"]);
     //  echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
       }
     }
   }
 else
   {
     echo "Invalid file";
   }
   ?>
<img src='upload/<?php echo $_FILES["file"]["name"];?>'>
   <?php
   }
 ?> 
 </html>

These code work fine but...
I need this result
http://i42.tinypic.com/j7qm1i.jpg

3
Contributors
3
Replies
14
Views
3 Years
Discussion Span
Last Post by tqmd1
0

Dear IMTHEWEE

You wrote:
So essentially you want to use jquery to update a div with the image you have just uploaded?

Yes sir, I want to show uploaded image in same div.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.