me encuentro en la situación de: ¿como puedo enviar variables por POST y 1 FILES a traves de AJAX?.
y bueno utilizo AJAX solo para no refrescar la página. dejo aquí el script con el que estoy intentando y el formulario. Estaré atento a comentarios.
$(document).ready(function() {
$("#btnUploadFileA").click(function() {
var url = "process/A_GlobalFile.php";
if (document.getElementById("fileA").files.length == 0) {
alert("Seleccione un Archivo.");
} else {
$.ajax({
type: "POST",
url: url,
data: $("#formUploadFileA").serialize(),
success: function(data) {
alert(data);
resetAsignFiles();
},
error: function() {
alert("??");
}
});
return false;
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="formUploadFileA" enctype="multipart/form-data">
<div class="modal-header">
<h6 class="modal-title" id="exampleModalLongTitle" style="text-align: center;width: 100%;">
<span class="text-secondary"><b>Subir Archivo</b></span></h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="exampleFormControlSelect1" class="text-dark">Subir Instrumento</label>
<br>
<input name="fileA" id="fileA" class="text-dark" type="file" required="" />
<input type="text" name="UnidadU" value="1" hidden="" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" style="background-color: #6c757d;" data-dismiss="modal">Cerrar</button>
<button type="button" id="btnUploadFileA" name="btnDelPost" style="background-color: #1ba7ff;" class="btn btn-primary">Subir Archivo</button>
</div>
</form>