Subir una imagen al servidor con ajax

[turm]

Buenos días comunidad.
He estado trabajando con ajax y ahora se me presenta el siguiente problema.
Cuando intento subir una imagen con ajax al documento .php que recibe los datos no le llega la imagen. Busque ejemplos y los patrones que encontré en estos en que suben las imágenes con evento submit, pero cuando es así en mi código no se sube ningún dato. así que lo probé con el evento click, y tengo esto de aquí solo que, si ya mis datos están empaquetado por data:$("#form_ej").serialize(), no entiendo porque no se sube la imagen
aquí esta mi ajax

Código Javascript:

$(function(){
          $(document).on("click","#btn-ej",function(){
                    var url="practicas/process/crearejercicio.php";
                    
                    $.ajax({
                        type:"POST",
                        url:url,
                        data:$("#form_ej").serialize(),
                        success:function(data){
                            $("#mens_ejer").html(data);
                        }
 
                    });
 
                    return false;
                });
            });
 

Y este es una muestra de como esta mi html del formulario

Código HTML:

<form id="form_ej" method="post" enctype="multipart/form-data">
        <!--Muchos datos-->
               <div class="col-sm-5 col-sm-offset-4">
                <input  type="file" name='image'>
        </div>
                <button type='button' id='btn-ej' value='enviar' class='btn btn-success btn-sm'>Crear ejercicio</button>
<div id="mens_ejer"></div>
 
</form>
 

De antemano gracias por su atencion