Porque a requisição ajax não está enviando o arquivo de imagem junto com o resto do formulário?

Front-end JavaScript
, , ,
#1

Tenho um formulário para criação de uma noticia, quando clico no botão de submit os dados do formulário são enviados corretamente exceto a imagem que eu seleciono no input:image.

<form onsubmit="criarNoticias(event, this, 'criarNoticias')">
        <label for="tituloInput" class="novasNoticiasLabels" id="tituloLabel">Titulo:</label>
        <input type="text" name="tituloInput" class="novasNoticiasInput" id="tituloInput" required>
        <label for="autorInput" class="novasNoticiasLabels" id="autorLabel">Autor:</label>
        <input type="text" name="autorInput" class="novasNoticiasInput" id="autorInput" required>
        <label for="dataInput" class="novasNoticiasLabels" id="dataLabel">Data:</label>
        <input type="datetime-local" name="dataInput" class="novasNoticiasInput" id="dataInput" required>
        <label for="conteudoInput" class="novasNoticiasLabels" id="conteudoLabel">Conteúdo:</label>
        <textarea name="conteudoInput" class="novasNoticiasInput" id="conteudoInput" cols="30" rows="10" required></textarea>
        <label for="imagemInput" class="novasNoticiasLabels" id="imagemLabel">Imagem:</label>
        <img src="" alt="" id="imagePreview">
        <input type="file" accept="image/*" value="Escolher Imagem" name="imagemInput" class="novasNoticiasInput" id="imagemInput" required>

        <input type="submit" name="publicarNoticia" class="formButtons" id="publicarNoticia">
</form>

 function criarNoticias (event, formData, formType) {
    event.preventDefault();
  
    $.ajax({
    url: '/scripts/php/criarNoticias.php',
    method: 'POST',
    data: $(formData).serialize() + "&" + formType + "=true",
    dataType: 'json',
    success: function(resposta) {
    
    },
    error: function(erro) {
  
    }
});

<?php
    if (isset($_FILES['imagemInput'])) {
       echo json_encode(print_r($_FILES['imagemInput']));
    }
?>