Estoy haciendo una web para móvil con jquery mobile.
tengo un boton que al pulsarlo me aparece la tipica ventana de windows para seleccionar una imagen y subirlo a un servidor. Uso ajax para evitar el refresco de la página.
mi codigo es el siguiente.
Código:
<div class="upload">
<input type="file" name="fileUploadEle" id="fileUploadEle" class="btn-upload-button"/>
</div>
Código:
$(".btn-upload-button").click(function(event){
var data = new FormData();
jQuery.each(jQuery('#fileUploadEle')[0].files, function(i, file) {
data.append('fileUploadEle-'+i, file);
});
jQuery.ajax({
url: '/phpUploadImage.php',
data: data,
cache: false,
contentType: false,
processData: false,
type: 'POST',
success: function(data){
alert('ok'+data);
}
});
});
Al ejecutarlo y pulsar el boton se me abre la ventana de navegación y al mismo tiempo aparece el alert que tengo en el success de ajax. Esto no deberia ejecutarse hasta que que no hubiera seleccionado la imagen.
¿que puede estar pasando?
Gracias