Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

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.
<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">&times;</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
1048
Visitas
3
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)
<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
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
Por alber hace 72 meses
Administrador
Respuesta #3
Buenas gracias por la info, probare a ver si me resulta
0
Puntos
Por thejapp hace 72 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate