subir imagen con ajax

[shogan]

Bueno he probado el ajax y me facina, lo que quería hacer es cargar una imagen pero no lo he logrado, al parecer tengo un error, pero como soy nuevo en esto del ajax no se que es lo que esté mal en mi código.

Espero que me puedan ayudar y gracias

Mi código de jquery

Código:

jQuery.fn.PostData=function (url, vars, callback){
    $.ajax({
       url:url,
       data:vars,
       type:'POST',
       enctype:'multipart/form-data',
       error:function(){
            alert("Ha ocurrido un error en el sistema por favor intentelo de nuevo.");
       },
       success:callback 
    });
}
$(".imgAjax").click(function(){
     var imagen=$(this).val();
     $(".loading").show();
     $(this).PostData("admin/ajax.php","imagen="+imagen,function(regresa){
          $(this).before(regresa);
     });
});

[alexg88]

No entiendo que intentas hacer con eso.

Según lo que veo, ¿intentas subir una imagen que ya está en el servidor haciendo click en la imagen? No tiene ningún sentido. Lo que tendría algo de sentido es subir una imagen que se encuentra en el cliente.

[shogan]

Pues ha ser honesto lo que estoy tratando de hacer es cargar una imagen que no está en el servidor.

Por tu comentario me doy cuenta que no voy por buen camino vdd??


gracias =D

[alexg88]

¿Quieres cargar una imagen que está en el ordenador del cliente?

Creo que con AJAX no se puede, pero existen plugins que simulan esto mediante iframes:

http://www.miguelmanchego.com/2010/jquery-subir-archivos-usando-ajax/

ó

http://www.miguelmanchego.com/2009/subir-multiples-archivos-ajax-jquery/

Hay más, todo es buscar.

[shogan]

gracias =D