Autor
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
En línea
