Hola a todos!

A ver si logro darme a entender, soy nueva en esto del manejo de imágenes y la verdad no tengo ni idea de como resolver lo siguiente. El asunto es el siguiente:

En mi página web, (un archivo llamado subirImagen.jsp tengo el siguiente código html)

<script type="text/javascript" src="activaciones/js/imagen.js"></script>
 
<h2 style="width: 100%; text-align: center;">Elegir Imágenes</h2>
<br>
<b>Nota importante: </b>El peso máximo de las imágenes permitido es de <u>500 Kb</u> 
<br>y el tipo de archivo permitido son: <u>jpg</u> y <u>gif</u>.
 
<h3>Fachada principal: <b id="b_fachada"></b></h3> 
<input type="file" id="fachada"/>
 
<h3>Tarjeta inteligente: <b id="b_tarjeta"></b></h3>
<input type="file" id="tarjeta"/>
 
<h3>Instalación de la antena: <b id="b_antena"></b></h3>
<input type="file" id="antena"/>
 
<h3>Ubicación de google: <b id="b_mapa"></b></h3>
<input type="file" id="mapa"/>
<br><br>
 
<center>    
    <input id="guardarImg" style="width: 150px;" type="button" value="Subir Imágenes" onclick="subirImagen();" disabled="disabled" />
</center>
 

Eso pues me genera una página donde al usuario le da opción de subir 4 imágenes (ya tengo hecha la verificación de que lass imagenes sean JPG o GIF y que el peso no sobrepase los 500Kb)

Ahora... al dar click en el botón "Subir Imágenes" se ejecuta la función "subirImagen()" que se encuentra en el archivo imagen.js que actualmente se encuentra algo así:

function subirImagen() {
    var post = "";
    var contrato, id_act;
    var arch_fachada, arch_tarjeta, arch_antena, arch_mapa;
 
    contrato = $("#contrato"),val();
    id_act = $("#id_activacion").val();
 
    var arch_fachada = // ??? como cacho aqui la imagen??
 
    post = "cont="+contrato+"&id_act="+id_act+"&fachada="+arch_fachada+"&tarjeta="+arch_tarjeta+"&antena="+arch_antena+"&mapa="+arch_mapa+"";
 
    var btguardar = $("#guardarImg").replaceWith("<img id='registrando' src='"+getBaseURL()+"recursos/iconos/cargando.gif' style='width: 20px; height:20px;'/>");
 
    $.ajax({
        url: "/ni_dispacher/imagenes.do",
        data: "opt=subirImagen&"+post,
        async:true,
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
        dataType: "json",
        processData:true,
        success: function(data){
            if( data.response){
 
            }
        },
        error: function(data){
            alert( "Ocurrió un error al procesar su solicitud. Intente nuevamente" );
            $("#registrando").replaceWith( btguardar );
        },
        timeout: 180000,
        type: "POST"
    });
}
 

La duda es... como puedo agarrar la imagen en el js que está en el jsp para pasarlo al java??
La idea esque esto mande una petición ajax al servidor  para luego en el servidor hacer algo como:
(este archivo lleva por nombre imagenes.java)

private JSONObject subirImagen( HttpServletRequest request, Connection con ) throws Exception{
          JSONObject json = new JSONObject();
 
          // recibir imagen
          // conectarse por ftp al donde se subirán las imagenes
          // verificar que las carpetas existan
          // renombrar imagen
          // etc....          
 
          json.put("response", true);
          return json;
     }
 

Pero la verdad no se como pasar la imagen desde el jsp al java... alguna idea??

Si no me explico lo suficiente porfavor avisenme para tratar de ponerlo con otras palabras... de antemano agradezco la ayuda