Problema con subida de ficheros con ajax en formulario
Buenas pues...esta ves se me presenta un problema en la subida de archivo a un formulario, por mas que trato el boton simplemente no hace nada a pesar de estar haciendo el llamado con ajax.
Editado
<br><br><br><br> <div class="modal-dialog modal-lg"> <div class="modal-content modal-no-shadow modal-no-border"> <div class="modal-header bg-warning no-border"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title"><i class="fa fa-plus"></i> Nuevo Registro</h4> </div> <div id="resultadoregistro"></div> <div class="modal-body"> <div class="row"> <div class="col-md-6"> <div class="form-group"><br> <form id="formregistro" autocomplete="off"> <label style="position:absolute;bottom:200px;right:365px;">Cédula</label> <input type="text" style="border: 1px solid silver;width:335px;float:left;margin-left:10px;" class="form-control" id="cedula" name="cedula" required > <button name="buscar" id="buscar" class="btn btn-warning" onclick="busca()">Buscar</button><br><br> <label>Nombre</label> <input type="text" style="border: 1px solid silver;" class="form-control" name="nombre" id="nombre" ><br> <label>Apellido</label> <input type="text" style="border: 1px solid silver;" class="form-control" name="apellido" id="apellido"> </div> <input type="hidden" class="form-control input-sm" id="valor_cedula_p_r" name="valor_cedula_p_r" required="" value="" readonly > <div class="form-group"> <input type="hidden" required class="form-control" name="val2" id="val2" style="border: 1px solid silver;" value="<?php echo date('Y-m-d'); ?>"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label>Hora de Entrada</label> <input type="text" required class="form-control" name="val3" id="val3" style="border: 1px solid silver;"> </div> <div class="form-group"> <label id="tisa">Hora de Salida</label> <input type="text" class="form-control" name="val4" id="val4" style="border: 1px solid silver;"> </div> </div> </div> <input type="hidden" name="accion" id="accion" value="agregar"> </div> <div class="modal-footer"> <button type="submit" class="btn btn-warning"> <i class="fa fa-check"></i> Guardar</button> <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Cerrar</button> </div> <!-- /.modal-footer --> </div> <!-- /.modal-content .modal-no-shadow .modal-no-border .the-box .warning .full --> </div> <!-- /.modal-dialog --> </form> <iframe width="0" height="0" frameborder="0" name="framebusca" id="framebusca"></iframe> <script> var nombre= document.getElementById("nombre"); var apellido= document.getElementById("apellido"); var formu = document.getElementById("formregistro"); function busca(){ var x = document.getElementById("cedula").value; framebusca.location.href="fa_usuario/fa_asistencia/busca.php?valor="+x; } function envio(){ nombre.disabled=""; apellido.disabled=""; formu.submit(); } </script> <script> $("#formregistro").bootstrapValidator({ submitButton: '$formregistro button[type="submit]', submitHandler: function (validatior, form, submitButton) { $.ajax({ url: "fa_usuario/fa_asistencia/fa_controlador.php", method: "post", data: $('#formregistro').serialize(), success: function (data) { $('#resultadoregistro').html( data ); } }); return false; } }); </script>
Editado
0
Puntos
Puntos
1048
Visitas
Visitas
3
Resp
Resp
Por thejapp hace 72 meses
Principiante
Respuesta #1
buenas, te dejo un buen método de como subir imágenes y archivos en general usando ajax.
Ejemplo subir imagen con ajax:
index(.php o .html o .x)
Ejemplo subir imagen con ajax:
index(.php o .html o .x)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script> function upload_img(){ var formData = new FormData($("#formUpload")[0]); $.ajax({ type: 'POST', url: 'subida.php', data: formData, contentType: false, processData: false }); } </script> <form onsubmit="return false" class="oculto" method="post" enctype="multipart/form-data" id="formUpload"> <input type="file" name="image" onchange="upload_img();"> </form>subida.php
<?php if (isset($_FILES['image'])) { move_uploaded_file($_FILES['image']['tmp_name'], $_FILES['image']['name']); } ?>limpio y sencillo ;)
0
Puntos
Puntos
Por alber hace 72 meses
Administrador
Respuesta #2
y aquí tienes una guía de como validar un formulario de manera correcta https://datoweb.com/post/2788/validar-todos-los-campos-de-un-formulario-automaticamente
0
Puntos
Puntos
Por alber hace 72 meses
Administrador
Respuesta #3
Buenas gracias por la info, probare a ver si me resulta
0
Puntos
Puntos
Por thejapp hace 72 meses
Principiante