Buenas tengo un problema con un evento en mi formulario lo que hace mi evento es que al apretar un boton carga una imagen en mi pagina lo cual sucede pero no entiendo por que se deshacer al instante eso como que carga la imagen al instante que aprieto el boton y al instante tambien se deshacer.
Este seria el codigo del evento.

var cent=document.getElementById("dentro");

var subir=document.querySelector("#subir");

subir.addEventListener("submit",function(){

   var imagen=document.getElementById("foto").value;
   
   
    console.log(imagen);
    var cuadrado=document.createElement("div");
    
    var imagCua=document.createElement("img");
    imagCua.width=150;
    imagCua.src=imagen;
    
    cent.appendChild(imagCua);
})