¿Cómo debo limitar las cargas máximas de 5 en un solo archivo de entrada en angular?
<input type="file" class="form-control" id="inputGroupFile" onChange="uploadMultipleFiles($event)" >aplicación.componente.ts:
uploadMultipleFiles(files) { if (files.length > 3) { this.alertService.error("length exceeded; files have been truncated"); let list = new DataTransfer; for (let i = 0; i < 3; i++) list.items.add(files[i]); } }Gracias
Al igual que el código a continuación, puede evitar el límite de carga de archivos.
filesData(files, event): void { if (event.target.files.length > 5) { alert("Only 5 files allow"); event.preventDefault(); event.value = ""; // clear the older value } else { //Put your Business logic here } }Además, pase $event como argumento a la función al llamar al método onChange.
<input type="file" multiple #file (change)="filesData($event)" />