como procesar los datos de un formulario sin recargar pagina

[pithon]

Bueno hice algo muy basico como simplemente mostrar la imagen llamandola con js e insertandola en un div, algo asin:

Código HTML:

<form method="post" name='archivo' enctype="multipart/form-data" target="iframe" action="procesar.php" >
<input id='imagen' type="file" name='imagen' onchange="this.archivo.submit();mostrarImagen(document.getElementById('imagen').value)" />
</form>
 
<iframe name="iframe" style="display: none" ></iframe>
<div id='mostrar_imagen'></div>
 

en el php simplemente subi la imagen y la reduci, esta es la funcion que use para insertar la imagen en el div :

Código Javascript:

function mostrarImagen(nombre) {
   var Ajax=objetoAjax();
   Ajax.open("get","procesar.php?nombre="+nombre);
   Ajax.onreadystatechange = function() {
        if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
             document.getElementById('mostrar_imagen').innerHTML=Ajax.responseText;
        }
     }
Ajax.send(null);
}
 

despues en procesar.php hice algo asin:

Código PHP:

<?php
if($_GET['nombre']){
echo "<img src='img_reducidas/".$_GET['nombre']."'>";
}  
?>
 

necesitaria ayuda para mejorar el codigo, por ejemplo ponerle un enlace para dar la posibilidad de borrar la imagen al usuario y poder hacerlo con dos o tres campos de archivo, no consigo encontrar la manera alguna ayuda...

saludos.