2

Tengo un formulario donde subo multiples archivos pdf en un input file, lo cual limito la cantidad máxima de archivos a 3 y ahora quisiera que cada documento me limitara que no exceda los 3mb por archivo.

Este es mi código:

 <div class="input-group">
   <input id="subirPDFinput" type="file" name="expArchivo[]" accept="application/pdf" multiple="multiple" required>
 </div>
<script>
  if ($(this)[0].files[0].type != "application/pdf") {
        alert("You can select only 2 images");
    }
</script>

<script>
    $("#subirPDFinput").on("change", function() {
        if ($("#subirPDFinput")[0].files.length > 3) {
            swal.fire({
                icon: "info",
                title: "!Solo se permite 3 archivos como maximo!",
                showConfirmButton: false,
                timer: 1500
            }).then(function(result) {
                $miInput.value = "";

            })
            $("#subirPDFinput").val("");
        } else {}
    });
</script>
1

1 respuesta 1

1

Puedes hacer la validación con JavaScript, te dejo un ejemplo

// Tamaño maximo del archivo
const maxSize = 3000000; 

// Obtener referencia al elemento
const $miInput = document.querySelector("#subirPDFinput");

$miInput.addEventListener("change", function () {
    // si no hay archivos, regresamos
    if (this.files.length <= 0) return;

    // Validamos el primer archivo únicamente
    const archivo = this.files[0];
    if (archivo.size > maxSize) {
        const tamanioEnMb = maxSize / 1000000;
        alert(`El tamaño máximo es ${tamanioEnMb} MB`);
        // Limpiar
        $miInput.value = "";
    } else {
        // Validación pasada. Envía el formulario o haz lo que tengas que hacer
    }
});
0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.