Image Uploader and Aviary Editer


        <?php

    $submit=$_POST['sub'];
    if(isset($submit))
    {
    $name=$_FILES['img']['name'];
    $type=$_FILES['img']['type'];

    $size=($_FILES['img']['size'])/1024;

    $ext=end(explode('.',$name));
    if (($ext == "gif")
    || ($ext == "jpeg")
    || ($ext == "jpg")
    || ($ext =="png")
    && ($size > 30))
    {


    ############################## File Renaming ###################################################

    $newname=uniqid();
    //$ext=end(explode('.',$name));
    $fullname=$newname.".".$ext;
    $target="pics/";
    $fulltarget=$target.$fullname;
    if(move_uploaded_file($_FILES['img']['tmp_name'],$fulltarget))
    {
    echo "Success";
    }
    else
    {
    echo "Failed";
    }
    ############################## File Renaming end ###################################################
    }
    else{
    echo "not successful";
    }
    }
    ?>

    <!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>
    <link rel="stylesheet" type="text/css" href="abhi.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Php Image Uploader</title>
    </head>

    <body>
    <div id="a1">
    <form name="frm" method="post" enctype="multipart/form-data">
    <input type="file" name="img" /><br />

    <input type="submit" name="sub" value="Store" />
    </form>
    </div>
    <div id="a2">

    <?php echo "
    <html>
    <head>
    <title>Aviary Photo Editer</title>
    <!-- Load Feather code -->
    <script type='text/javascript' src='http://feather.aviary.com/js/feather.js'></script>
    <!-- Instantiate Feather -->
    <script type='text/javascript'>
    var featherEditor = new Aviary.Feather({
    apiKey: 'ceegvx4siylhayrr',
    apiVersion: 3,
    theme: 'dark', // Check out our new 'light' and 'dark' themes!
    tools: 'enhance,frames,crop,orientation,brightness,saturation,sharpness,draw,redeye,blemish,effects,stickers,resize,focus,contrast,warmth,colorsplash,text,whiten',
    appendTo: '',
    onSave: function(imageID, newURL) {
        var img = document.getElementById(imageID);
        img.src = newURL;
    },
    onError: function(errorObj) {
        alert(errorObj.message);
    }
    });
    function launchEditor(id, src) {
    featherEditor.launch({
        image: id,
        url: src
     });
    return false;
    }
     </script>
    </head>

    <body>

    <div id='injection_site'></div>

    <img id='image1' src='$fulltarget'/>

    <p><input type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('image1', '$fulltarget');" /></p>";

    ?>


    </body>
    </html>