我们可以通过以下代码来限制文件上传大小:
// 设置上传文件大小限制 const MAX_SIZE = 50 * 1024 * 1024; // 50MB const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', () => { const file = fileInput.files[0];
if (file.size > MAX_SIZE) { alert('文件大小超过了限制,最大可上传50MB的文件。'); fileInput.value = ''; } });
这样,当用户选择文件后,我们会先判断它的大小是否超过50MB,如果超过则弹出提示并清空文件选择框,以防止上传过大的文件。这种方式不仅可以在客户端限制文件大小,同时也可以减少服务器的负担。