Enviando com $.ajax um anexo

Acredito que por motivos de segurança o javascript não permita o envio de arquivos, mas você por fazer alguma coisa utilizando um <iframe> escondido na página

Cara, hoje em dia é possível utilizando a api FormData

https://developer.mozilla.org/en-US/docs/Web/API/FormData

>
Cara, hoje em dia é possível utilizando a api FormData

https://developer.mozilla.org/en-US/docs/Web/API/FormData

Fala pessoal e Bruno, não tenho muita experiencia ainda com Jquery e Ajax por isso vou tentando me entender com o sistema. Veja como ficou agora, porém surgiu outro problema...

var options = {
 beforeSend: function() {

var Li =0;
var somar_erro = 0;

$.each(nome_campos, function() {
var Nc = nome_campos[Li]; var Nc2 = "#"+Nc;
var valor_atual = $(Nc2).val();
var valor_padrao = $(Nc2).prop('defaultValue');

Li++;
});
if(somar_erro != 0){
	$("#AlertaCampos").html("Existem "+somar_erro+" campo(s) obrigatórios, por favor verifique!");
	$("#enviar").val("Re-enviar");
	$("#AlertaCamposA").css({border: "1px #D7DF21 solid",background: "#FFD7D7"});
	return false;

	}else{$("#enviar").val("Enviar");}

 alert("Antes de mandar!");
 },
 uploadProgress: function(event, position, total, percentComplete) {
 $("#status").html("Percentual completado: " + percentComplete + "%");
 },
 success: function() {
 alert("Upload concluido!");
 },
 error: function() {
 alert("Falha ao fazer upload de arquivo.");
 },
 target: "#AlertaCampos"
 };

 $('#form_contato').ajaxForm(options);

Agora quando estão os campos vazios, não estou conseguindo parar a execução e o envio...

Vocês podem me ajudar?

Consegui... ufa... vejam como ficou

$("#form_contato").submit(function(){
/informações/

M_url= ""+URLbase+"/formulariosI/soliciteI/email.php";
$("#AlertaCampos").html("<img src='"+URLbase+"/imagem/carregando.gif' width='50'>");

/VERIFICA OS CAMPOS/

var Li =0;
var somar_erro = 0;

$.each(nome_campos, function() {
var Nc = nome_campos[Li]; var Nc2 = "#"+Nc;
var valor_atual = $(Nc2).val();
var valor_padrao = $(Nc2).prop('defaultValue');

Li++;
});
if(somar_erro != 0){
	$("#AlertaCampos").html("Existem "+somar_erro+" campo(s) obrigatórios, por favor verifique!");
	$("#enviar").val("Re-enviar");
	$("#AlertaCamposA").css({border: "1px #D7DF21 solid",background: "#FFD7D7"});
	return false;
	}else{$("#enviar").val("Enviar");}

/ SE ESTIVER OK EXECUTE O ENVIO /

var fd = new FormData(document.getElementById("form_contato"));

$.ajax({
url: M_url,
type: "POST",
data: fd,
processData: false, // tell jQuery not to process the data
contentType: false, // tell jQuery not to set contentType

 success: function(data){
	$("#AlertaCampos").html(data);
	$("#AlertaCamposA").css({border: "1px #D7DF21 solid",background: "none"});
}
});

return false;

});

Agora só por curiosidade, teria como eu pegar o progresso do envio do arquivo?

DICA:

a API FormData não funciona nas versões mais antigas do IE, se pra você não tem problema quanto a isso, blz!

eu recomendo o plugin ajaxForm que além de fazer o upload de arquivos e ser compativél com verções mais antigas do IE (testei no IE 8) tem opção de progress.

>
DICA:

a API FormData não funciona nas versões mais antigas do IE, se pra você não tem problema quanto a isso, beleza!

eu recomendo o plugin ajaxForm que além de fazer o upload de arquivos e ser compativél com verções mais antigas do IE (testei no IE 8) tem opção de progress.

Não vejo problema para navegadores antigos, porém vou estudar para ver o efeito de upload com progresso curti, obrigado