Enviar imagen sin recargar

[frapf]

tengo un problema al enviar imagen sin actualizar la pagina, lo que pasa es que si envio la imagen con recargar la pagina, el archivo que la procesa la sube sin problema, pero si la subo sin recargar sale error por que el archivo que lo procesa no recibio la imagen.

este es el script que envia el formulario

Código Javascript:

<script type="text/javascript">
      $(function(){
        $("#subir").submit(function(){
          $.ajax({
            type:"POST",
            url:"<?php echo $ruta ?>galeria/upload.php",
            dataType:"html",
            data:$(this).serialize(),
            beforeSend:function(){
            },
            success:function(response){
            document.getElementById('subir').reset();
                $("#resp-img").html(response);
            }
 
          })
          return false;
        })
 
      })
      </script>
 

no se que se tiene que poner para que mande las imagenes, no se nada de javascript.

el que procesa la informacion no lo subo por que se que es el javascript el problema.

ojala que me puedan ayudar .
Saludos.

[emprear]

@frapf, por ajax solo vas a recibir texto, si tenés un php que sube immagenes, hace que la respuesta sea la ruta de la imagen y en "#resp-img mandás

Código:

.html('<img src="' + response +'" alt="" />')

Pero claro, si sos otro integrante del club "no se nada de javascript pero posteo en un foro de javascript" (parece que hay epidemia), creo que mejor sería recomendarte un buen manual
http://librosweb.es

SAludos