Upload and Resize an image using PHP&Javascripts

Screenshot:
             

index.php:

 <div align="center" id="err"><?php echo $change; ?>  </div>
   <div id="space"></div>
   <div id="container" >
   <div id="con">
 <table width="502" cellpadding="0" cellspacing="0" id="main">
 <tbody>
                <tr>
                <td width="500" height="238" valign="top" id="main_right">
 <div id="posts"><img src="<?php echo $filename; ?>" />  &nbsp;&nbsp;&nbsp;&nbsp;<img src="<?php echo $filename1; ?>"  />
   <form method="post" action="" enctype="multipart/form-data" name="form1">
   <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr><Td style="height:25px">&nbsp;</Td></tr>
               <tr>
        <td width="150"><div align="right" class="titles">Image : </div></td>
        <td width="350" align="left">
<div align="left"><input size="25" name="file" type="file" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt" class="box"/>
 </div></td> </tr>
            <tr><td></td>
       <td valign="top" height="35px" class="help">Image maximum size <b>400 </b>kb</span></Td>
            </tr>
            <tr><td></td><td valign="top" height="35px"><input type="submit" id="mybut" value="Upload" name="Submit"/></td></tr>

     
 scripts:

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery_002.js"></script>
    <script type="text/javascript" src="js/displaymsg.js"></script>
    <script type="text/javascript" src="js/ajaxdelete.js"></script>
 

Download:Coding