Estou escrevendo um sistema de banco de dados de clientes para minha empresa. Não é muita coisa chique, mas faz o que deveria. Agora que todo o material básico de "texto" está pronto, quero adicionar um pouco de gerenciamento de arquivos.

Eu tenho vários formulários que são enviados para o back-end com ajax e, em seguida, gravados no db do modelo.

Alguns desses formulários estão planejados para fazer o upload de um arquivo de documento.

Existe uma maneira de lidar com envios de valor normal e envio de arquivo com AJAX?

Deixe-me dar um exemplo de FORMULÁRIO:

<form action="SOMEPATH/LOGIC_FILE.php" action="POST" enctype= multipart/form-data>
  <label for="name">
   <input type="text" id="name" name="name" />
  </label>
  <label for="somethingElse">
   <input type="text" id="somethingElse" name="somethingElse" />
  </label>
  <label for="fileUpload">
    <input type="file" />
  </label>
</form>

Exemplo AJAX:

var name = $('#name').val();
var somethingElse = $('#somethingElse').val();

var dataArr = { 'name':name, 'somethingElse':somethingElse};
MYELEMENT.click(function(e){
e.preventEventDefault();
$.ajax({
            url: "PATH/logic/logic_update_client_allg.php",
            type: "POST",
            data: allgArray,
            success: function(dataArr){
                // works
            },
            error: function(){
                // doesnt work
            }
        });
}

É assim que eu manejo meu envio de INPUT VALUE

Como posso continuar a enviar também um arquivo com este formulário

Obrigado