Estou tentando adaptar um upload que tenho usando Ajax
, mas não estou conseguindo, pelo que li preciso usar o formData
, tentei algumas alternativas, mas todas não resolveram, o meu form tem vários campos e o que estou com problema é justamente o upload.
O que tenho no momento é isso:
O formulário
<form enctype="multipart/form-data" class="form-horizontal" id="frmDoc" method="POST">
<div class="form-group">
<label class="col-md-2 control-label">Arquivo</label>
<div class="col-md-10">
<input type="file" class="btn btn-default" id="Arquivo" name="Arquivo">
<p class="help-block"> Extensão permitida <strong>PDF</strong>. </p>
</div>
</div>
O envio Ajax
:
$(document).ready(function(){ $(function () { // Validation $("#frmDoc").validate({ // Do not change code below errorPlacement: function (error, element) { error.insertAfter(element.parent()); }, submitHandler: function (form) { var data = $(form).serialize(); // console.log(data); $.ajax({ type: 'POST', url: 'pDocsNormativos.php', data: data, dataType: 'json', beforeSend: function () { $("#msgInsert").html('×AVISO! Enviando...'); }, success: function (response) { if (response.codigo == "1") { $("#msgInsert").html('×AVISO!' + response.mensagem + ''); } else { $("#msgInsert").html('×ATENÇÃO! ' + response.mensagem + ''); } // $('#frmDoc').each (function(){ // this.reset(); // }); }, error: function (xhr, ajaxOptions, thrownError) { console.log(xhr, ajaxOptions, thrownError); $("#msgInsert").html('×ATENÇÃO! Ocorreu um erro ao tentar enviar o Documento. Contate o suporte técnico.'); } }); return false; } }); }); });
Vi alguns exemplos mas não consegui adaptar, exemplo como desse link: Fazer upload de arquivo com AJAX