subir archivo al servidor mediante ajax

[Montes28]

hola amigos espero me puedan ayudar .

tengo un formulario con el cual subo archivos al servidor necesito subir el archivo mediante ajax , el inconveniente es que apenas estoy iniciando con jquery.

lo requiero hacer mediante ajax ya que subir el archivo hace parte de otro formulario.

esto es lo que llevo hasta el momento

Código Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
 
        var filec = $("#file").val(); 
            
        $.ajax({ 
                url:'upload_file.php',
                type:'POST',
                data:{"file":filec} 
 
 
});               
</script>
 

Código HTML:

<form action="upload_file.php" method="post" id="formulario" enctype="multipart/form-data">
<label for="file">Archivo:</label>
<input type="file" name="file" id="file" />
<br />
<input type="submit" name="submit" value="Subir" />
</form>
 

Código PHP:

<?php
 
if (isset($_REQUEST["submit"])) {
 
    $allowedExts = array("jpg", "jpeg", "gif", "png");
    $extension = end(explode(".", $_FILES["file"]["name"]));
 
    if ($_FILES["file"]["type"] == "image/gif" || $_FILES["file"]["type"] == "image/jpg" || $_FILES["file"]["type"] == "image/jpeg" || $_FILES["file"]["type"] == "image/png" && $_FILES["file"]["size"] < 2500000 && in_array($extension, $allowedExts)) {
 
      if ($_FILES["file"]["error"] > 0) {
 
        echo "Error: " . $_FILES["file"]["error"] . "<br />";
 
      }
      else {
 
        $fname = $_FILES["file"]["name"];
        move_uploaded_file($_FILES["file"]["tmp_name"],
      "upload/" . $_FILES["file"]["name"]);
      echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
 
        echo "Upload: " . $_FILES["file"]["name"] . "<br />";
        echo "Type: " . $_FILES["file"]["type"] . "<br />";
        echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
        echo "Stored in: " . $fname;
        echo "<input type='text' name='' value="."upload/".$_FILES['file']['name']."/>";
      }
 
    }
    else {
 
      echo "Tipo de archivo No Permitido";
 
    }
 
}
echo "<br/>";
echo "<a href="."upload/".$_FILES['file']['name'].">ver</a>";
?>
 

apenas estoy iniciando con ajax.