1

Preciso salvar arquivos que eu ja consigo selecionar em um modal usando uma função js. Abaixo segue o html do modal

<div class="modal fade" id="modal_arquivo">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">Selecione o arquivo</h4>
        </div>
        <div class="modal-body">
            <div class="row">
                <div id="painel_enviar_arquivo" class="col-sm-10 col-md-offset-1">       
                    <form method="post" name="ajax_form" id="ajax_form">
                        <label>Arquivo</label>
                        <div class="input-group">
                            <label class="input-group-btn">
                                <span class="btn btn-primary">
                                    Selecione&hellip; <input type="file" id="file_arquivo" accept="file_extension|image/*" name="file_arquivo" style="display: none;" >
                                </span>
                            </label>
                            <input type="text" class="form-control" readonly>
                        </div>
                        <input id="acao" name="acao" value="salva_arquivo" type="hidden" />
                        <input id="ex_users_arquivo" name="ex_users_arquivo" type="hidden" />
                    </form>

Try selecting one or more files and watch the feedback </span>--> "/> Cancelar Alterar

            <div id="painel_btns_inserir">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-primary" id="btn_modal_salvar_arquivo">Salvar</button>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->

× Confirmação

Tem certeza que deseja sair desta pagina? Todos os dados não salvos seram perdidos

Cancelar Confirmar

1 Resposta 1

1

Não entendi muito bem, você deseja enviar o formulário via ajax?

Para enviar via ajax é simples, você pode utilizar esse código:

jQuery("#ajax_form").submit(function(){
  var dados = new FormData(this);
  var url = "URL QUE RECEBE OS DADOS DO FORM";
  $.ajax({
      url: url,
      type: 'POST',
      dataType: 'JSON',
      data:  dados,
      mimeType:"multipart/form-data",
      contentType: false,
      cache: false,
      processData:false,
      success: function(data)
      {
         alert("Enviado com sucesso");
      }
  });

  return false;
});

Pronto com esse código assim que o formulário for submetido ele chama essa função que envia os dados

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .