cadastro com upload de foto

[Monkey D. Luffy 0]

Boa tarde pessoal, estou tetando fazer um cadastro com um upload de uma foto, porem estou com dificuldades pois meu submit é feito atraves de um jquery o código é o seguinte:

 

 

<form id="formulario_concursoGataGato" enctype="multipart/form-data" class="formulario_concursoGataGato">
<input type="hidden" id="id_concurso" name="id_concurso" value="<?php echo $id_concurso;?>"/>
<table width="100%"  border="0">
  <tr>
    <td><div id="cadastrese">CADASTRE - SE</div></td>
    
  </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Nome</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsMedio"><input name="nome_sobrenome" type="text" id="nome_sobrenome" maxlength="80" /></div>
   </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Idade</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsPequeno"><input name="idade" type="text" id="idade"  maxlength="2" /></div>
    </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Celular (Não será mostrado)</span></td>
    </tr>
  <tr>
    <td>
      <div><input type="text" name="celular" id="celular" /></div>
    </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">E-mail (Não será mostrado)</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsMedio"><input name="email" type="text" id="email" maxlength="50" /></div>
    </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Torce para qual time?</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsMedio"><input name="torce_time" type="text" id="torce_time" maxlength="30" /></div>
    </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Música preferida?</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsMedio"><input name="musica_preferida" type="text" id="musica_preferida"  maxlength="30" /></div>
    </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Qual seu maior sonho?</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsGrande"><input name="sonho" type="text" id="sonho"  maxlength="100" /></div>
   </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Escreva uma frase</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsGrande"><input name="frase" type="text" id="frase" maxlength="300" /></div>
   </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Álbum liberado no facebook</span></td>
    </tr>
  <tr>
    <td>
      <div class="inputsGrande"><input name="album" type="text" id="album" maxlength="400" /></div>
   </td>
    </tr>
  <tr>
    <td><span id="labelCadastroGataGato">Foto do Perfil</span></td>
    </tr>
  <tr>
    <td>
    <div><input name="fotoperfil" type="file" id="fotoperfil" accept="image/jpeg"></input>
    </div>
    </td>
    </tr>
  <tr>
    <td>
      <input type="submit" name="enviar" id="botoesCadastroGataGato" value="Enviar" />
      <input type="reset" name="limpar" id="botoesCadastroGataGato" value="Limpar" />
    </td>
    </tr>
</table>
</form>
<script>
        $('#fotoperfil').filestyle({
        buttonText: 'Procurar',
        classButton: 'btn-primary',
        icon: true,
        classIcon: 'icon-arrow-up icon-white'
        });
</script>
 

 

depois o codigo do jquery

 

 

 submitHandler: function(){                   
                 
              var nome_sobrenome = $('#nome_sobrenome').val();
            var idade = $('#idade').val();
            var celular = $('#celular').val();
            var email = $('#email').val();
            var torce_time = $('#torce_time').val();
            var musica_preferida = $('#musica_preferida').val();
            var sonho = $('#sonho').val();
            var frase = $('#frase').val();
            var album = $('#album').val();
            var fotoperfil = $('#fotoperfil').val();            
            var id_concurso = $('#id_concurso').val();
        
            $(".formulario_concursoGataGato").html('<span id="">Enviando...</span>');
        
            $.post('inserirGata.php', {        
            
            nome_sobrenome: nome_sobrenome,    
            idade: idade,
            celular: celular,
            email: email,
            torce_time: torce_time,
            musica_preferida: musica_preferida,
            sonho: sonho,
            frase: frase,
            album: album,
            fotoperfil: fotoperfil,
            id_concurso: id_concurso,
            }, function(res_inserir){            
            $(".formulario_concursoGataGato").html(res_inserir);
            
            });        
                return false;
            }

 

enfim o código onde recebo os dados via post

 

 

$nome_sobrenome = $_POST['nome_sobrenome'];
$idade = $_POST['idade'];
$celular = $_POST['celular'];
$email = $_POST['email'];
$torce_time = $_POST['torce_time'];
$musica_preferida = $_POST['musica_preferida'];
$sonho = $_POST['sonho'];
$frase = $_POST['frase'];
$album = $_POST['album'];
$fotoperfil = $_FILES['fotoperfil'];
$situacao = "pendente";
$id_concurso = $_POST['id_concurso'];

 

o problema é que recebo o seguinte erro:

 

Notice: Undefined index: fotoperfil in D:\Projetos\Web\xampp\htdocs\PortalRessaca\inserirGata.php on line 15

 

 

como posso acertar isso?

 

Obrigado

[Henrique Barcelos 290]

Ajax não envia arquivos.

[Luis Paullo 47]

http://demos.kendoui.com/web/upload/index.html

Uso O kendo Ui upload pra envia arquivo por ajax.

envie o arquivo primeiro e depois faça o request normal dos inputs com AJAX

 

$('#uplogo').kendoUpload({                        async: {                            saveUrl: "Upload.php", //arquivo q recebe o upload recupere com $_FILES                            autoUpload: true                        },                        success:function(r){                            if(r.response[0]){                                alert( r.response[0] );                            }                        }
                    });