Enviar arquivos por Ajax

ajax-file.js

// Crie um objeto FormData para armazenar o arquivo que será enviado
var formData = new FormData();

// Anexe o arquivo selecionado pelo usuário ao objeto FormData
// $('#arquivo')[0] pega o elemento DOM real para acessar os arquivos selecionados
formData.append('arquivo', $('#arquivo')[0].files);

// Configure a solicitação AJAX
$.ajax({
    // Especifique a URL do script PHP que receberá o arquivo
    url: 'ajax.php',
    
    // Defina o método HTTP como POST, pois estamos enviando dados
    type: 'POST',
    
    // Use o objeto FormData como dados da solicitação
    data: formData,
    
    // Evite que o jQuery processe os dados automaticamente
    processData: false,
    
    // Desabilite o cache para evitar resultados em cache
    cache: false,
    
    // Defina o tipo de conteúdo como falso, pois não estamos enviando dados JSON ou XML
    contentType: false,
    
    // Especifique 'multipart/form-data' para permitir o envio de arquivos
    enctype: 'multipart/form-data',
    
    // Função de sucesso que será chamada quando a solicitação for bem-sucedida
    success: function(data){
        // Imprima a resposta do servidor no console
        console.log(data);
    }
});