Estoy tratando de cargar un archivo en mi sitio web y obtener una vista previa sin actualizar el sitio web, pero no sé cómo hacerlo, en este momento selecciono un archivo con <input type=file> pero tengo un script JQuery que onchange envía la entrada con este código:

 document.getElementById('file-upload').onchange = function () { document.getElementById("upload-form").submit(); };

¿Cómo puedo hacer esto sin actualizar la página después del POST? Mi formulario se ve así (es un proyecto ASP.NET Core 6):

 <form id="upload-form" asp-action="UploadFile" asp-controller="Home" enctype="multipart/form-data"> <label for="file-upload" class="custom-file-upload"> <i class="fa fa-cloud-upload"></i> Ladda upp </label> <input id="file-upload" type="file" name="stlFile" /> </form>