Usé la herramienta de carga para ASP.NET Core para cargar la imagen de la persona, puse un elemento de imagen HTML junto a la herramienta Cargar imagen para mostrar la imagen después de cargarla.
Invoco el evento .Success para la herramienta de carga y utilicé una función de javascript para establecer el atributo src para el elemento de la imagen con la ruta de la imagen cargada. Pero lamentablemente no funciona :(
Este es el elemento Imagen
<img id="imgPerons" src="" width="200" height="250">Esta es la función javascript:
function onSuccess(e) { var files = e.files[0]; if (e.operation == "upload") { document.getElementById("imgPerson").src = "~/images/person_photos/image.jpeg"; } }Creo que tengo un problema con la ruta de la imagen, porque utilicé imágenes en línea como la siguiente, y funciona bien
function onSuccess(e) { var files = e.files[0]; if (e.operation == "upload") { document.getElementById("imgPerson").src = "https://www.example.com/image.jpeg"; } }¿Cuál es el problema con la ruta de la imagen?
Guardé la imagen cargada en wwwroot/images/person_photos
El elemento Imagen y la función javascript en la ruta Views/Home/Index.cshtml
La eliminación de ~ iniciar sesión en el código javascript debería solucionar el problema porque solo se procesa en el lado de ASP.NET Core
document.getElementById("imgPerson").src = "/images/person_photos/image.jpeg";