c# – No carga imagen en modal

estoy creando un programa en asp.net mvc c# en el cual tengo usuarios en el cual tiene imagen de tipo byte entonces al momento de insertar los datos del usuario y cargo la imagen no me la muestra pero cuando le doy insertar ya despues si me muestra la imagen pero cuando seleccióno la imagen no me carga la imagen y todo esto lo estoy creando desde un modal y para crear ese modal estoy usando vistas parciales y dentro de mi index mando llamar el modal pero lo unico que no me esta funcionando es cuando selecciono la imagen que quiero insertar no me lo muestra y esto es lo que tengo:

esta es mi vista parcial

@model Prueba_Reportes_Martinrea.Models.Usuarios
@using (Html.BeginForm("MyCreatePartial", "Usuarios", FormMethod.Post, new { enctype = "multipart/form-data" })) 
{
    @Html.AntiForgeryToken()
    
<div class="form-horizontal">
    <h4>Usuarios</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.nombre, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.nombre, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.nombre, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.apellidos, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.apellidos, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.apellidos, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.numeroUsuario, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.numeroUsuario, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.numeroUsuario, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.contraseña, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.contraseña, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.contraseña, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.correo, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.correo, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.correo, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="ctn-input">
        <label class="control-label col-md-2" style="color:white">Imagen Empleado</label>
    </div>
    <div class="col-sm-4" style="text-align: center">
        <img id="imgUsuario" onload="" fb-image-profile thumbnail" src="https://es.stackoverflow.com/~/img/585e4bcdcb11b227491c3396.png" alt="" style="width:125px; height:115px; border: orange 5px double; padding: 3px;"><br />

        <div class="form" style="margin-top: 1em;">
            <label class="btn btn-secondary btn-file btn-sm">
                <span class="fa fa-camera"></span> Actualizar
                <input id="inputFileToLoad" name="file" type="file" accept="image/*" class="file-upload" style="display: none;" required>
            </label>
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.estatus, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <div class="checkbox">
                @Html.EditorFor(model => model.estatus)
                @Html.ValidationMessageFor(model => model.estatus, "", new { @class = "text-danger" })
            </div>
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Area_Id, "Area_Id", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("Area_Id", null, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Area_Id, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Rol_Id, "Rol_Id", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("Rol_Id", null, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Rol_Id, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Planta_Id, "Planta_Id", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("Planta_Id", null, htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.Planta_Id, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Create" class="btn btn-default" />
        </div>
    </div>
</div>
}

y aca esta el javascript que esta dentro de mi index

 <script>
        var base64Foto;

        function AddData() {
           
        
            $.post("@Url.Action("MyCreatePartial", "Usuarios")",

                function (data) {
                    $('#inputFileToLoad').change(function (e) {
                        addImage(e);
                    });
                    function addImage(e) {
                        var file = e.target.files(0),
                            imageType = /image.*/;
                        if (!file.type.match(imageType))
                            return;
                        var reader = new FileReader();
                        reader.onload = fileOnload;
                        reader.readAsDataURL(file);
                    }
                    
                    $('.modal-body').html(data);
                    
                });
            function fileOnload(e) {
                var result = e.target.result;
                $('#imgUsuario').attr("src", result);
                var foto = result.toString();
                base64Foto = foto.substring((foto.indexOf(',') + 1), (foto.length + 1));
                console.log(base64Foto);
                console.log(result);
            }
              $("#modal").modal("show");
        }
        $("#modal").on('hidden.bs.modal', function (e) {
            $(".modal-body").html("");
        });
</script>