[Resolvido] ajax upload

[EuToComProblema! 1]

Bom dia pessoal, ainda sou meio iniciante com desenvolvimento web e estou apanhando para fazer um upload funcionar como eu quero via ajax.

 

Ele funciona beleza, o problema é que gostaria que fosse upado antes de postar o form, como se fosse um post só...

 

Achei um js que faz o upload, é só configurar...

 

function ajaxFileUpload() {
	$("#loading")
	.ajaxStart(function(){
		$(this).show();
	})

	.ajaxComplete(function(){
		$(this).hide();
	});

	$.ajaxFileUpload({
		url:getBaseURL()+'index.php/entidades/upload/',
		secureuri:false,
		fileElementId:'foto-file',
		dataType: 'json',
		beforeSend:function() {$("#loading").show();},
		complete  :function() {$("#loading").hide();},
		success: function (data, status) {
			if(typeof(data.error) != 'undefined') {
				if(data.error != '') {
					alert(data.error);
				} else {
					alert(data.msg);
				}
			}
		},
		error: function (data, status, e) {alert(e);}
	});
}

E aqui eu chamo ela

 

$(document).ready(function() {

    Ext.QuickTips.init();

    $('.form_entidade').submit(function(){
	ajaxFileUpload();                       //  <<---
        var submit = true;
        var campos = $('.form_entidade input');
        campos.each(function() {
        .
        .
        .validação e frescuras

Eu chamo a função muito antes de confirmar o submit do form! pq isso não funciona como eu gostaria?

 

Se eu só upar alguma imagem ela é upada, agora se eu inserir um registro e upar a imagem ao mesmo tempo, ele acaba salvando o registro antes de upar e não upa nada!

 

 

Não sei se fui claro? espero que sim...

 

vlw a atenção.

[EuToComProblema! 1]

eae pessoal, consegui uma solução para meu problema...

 

criei essa função e chamo ela de um button e nao mais um submit.

function salvar_entidade() {
	if($('#upload_foto').val() != 'Logo-tipo') {
		ajaxFileUpload();
	} else {
		submit(); //validações que existiam no $(form).submit
	}
}

no success e error do ajaxFileUpload eu chamo submit()

 

 

vlw a atenção.