Puedes hacerlo de tres maneras:
La primera es limitar el tamaño de los envíos en php.ini
. Hay dos directivas en las que debes fijar el valor 1M
para limitar a un mega: upload_max_filesize
y post_max_size
. La última limita el peso de todo el envío, ficheros y textos, todo incluido. Sin embargo, como los textos no suelen tener gran peso, a efectos prácticos te está limitando el peso del fichero.
Esto tiene varios problemas. En primer lugar, no siempre puedes acceder al fichero de configuración. Si tienes tu web en un hosting compartido no puedes, y el proveedor no te va a cambiar eso.
Además, el problema es que el fichero, si pesa más, no es recibido por tu script php, pero no te muestra, por defecto, un fallo. Es decir. El usuario podría creer que su fichero ha subido. La solución es usar la propiedad error
de los ficheros enviados. Si tu campo de fichero se llama, digamos, mi_imagen
, puedes poner un filtro en el PHP que busque el valor de $_FILES["mi_imagen"]["error"]
. Si todo ha ido bien, este valor es 0
. Si se ha pasado el límite, el valor es un número distinto de 0
.
Otra cosa que puedes hacer es mirar la propiedad size
del fichero enviado. Está en $_FILES["mi_imagen"]["size"]
. Si supera 1048576
el fichero pesa más de un mega. Puedes mostrarle al usuario un mensaje de error, en ese caso.
El problema es que estas opciones funcionan con PHP en el lado del servidor... una vez se ha hecho el envío. Tienes que mostrarle al usuario su error y devolverle de nuevo al formulario. Es decir, ya estás introduciendo pasos de programación para un archivo que no sabrás si es correcto o no, hasta que estés en el servidor.
La solución es comprobarlo, con jQuery, en el propio formulario, ANTES de hacer el envío. Por ejemplo, así:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<form id="formulario" action="destino.php" method="post" enctype="multipart/form-data">
<input type="file" name="mi_imagen" id="mi_imagen">
<input type="button" value="comprobar" id="boton_comprobar">
</form>
<script language="javascript">
$("#boton_comprobar").on('click', function(){
var fichero = $('#mi_imagen')[0].files[0];
var peso = fichero.size;
console.log(peso);
if (peso > 1048576) {
alert ("El fichero es muy grande");
} else {
$("#formulario").submit();
}
});
</script>
</body>
</html>
Este código es sólo un ejemplo, pero te permite comprobar el peso del archivo en el propio formulario. En el condicional puedes poner un alert, o lo que sea. Si el fichero está en un formulario, si pasa el control puedes enviar el formulario, como ves en el código. De este modo, si el campo no cumple, evitas un envío innecesario.
El código que te he puesto está comprobado y funcionando. Si quieres puedes añadirle una línea como la siguiente:
console.log(fichero);
De este modo verás que hay otras propiedades que puedes verificar antes del envío, como type
(el tipo de fichero).
Es una solución bastante más limpia, en mi opinión.