No sé que está ocurriendo pero no puedo subir archivos con php/ajax no me reconoce el index archivo, Mi código:

Html: 

    <div class="wrapper-attachment" data-type="attachment" style="display: none;">
      <form name='archivo' enctype="multipart/form-data" class='formulario'>
        <input type="file" class="hidden inputAttachment"/>
      </form>
      <div class="buttonAddAttach">
        <div class="img-wrapper buttonImage">
          <i class="icon-cloud-upload"></i>
        </div>
        <span class="buttonText">Subir archivo</span>
      </div>
    </div>


JS:

    $(document).on('change','.inputAttachment',function(e){
      var formData = new FormData($(this).parent()[0]);
      $.ajax({
        url: base_url + 'Task/upAttach',
        type: "POST",
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        success:function(e){
          alert("exito");
          console.log(e);
        },
        error:function(e){
          alert("error");
          console.log(e);
        }
      });
    });


PHP:

    public function upAttach(){
      
      if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && 
         strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') 
      {
        
        //obtenemos el archivo a subir
        $file = $_FILES['archivo']['name'];
        
        //comprobamos si existe un directorio para subir el archivo
        //si no es así, lo creamos
        if(!is_dir("files/")) 
        mkdir("files/", 0777);
        
        //comprobamos si el archivo ha subido
        if ($file && move_uploaded_file($_FILES['archivo']['tmp_name'],"files/".$file))
        {
          sleep(3);//retrasamos la petición 3 segundos
          echo $file;//devolvemos el nombre del archivo para pintar la imagen
        }
      }else{
        throw new Exception("Error Processing Request", 1);   
        echo ("error");
      }
    }