Ich habe eine Datei-Uploader-Komponente und muss darin einen Größenvalidator hinzufügen
Dies ist der Code für den Validator
export const filesDimensionValidator = (maxWidth: number, maxHeight: number): ValidatorFn => (control: AbstractControl): ValidationErrors | null => { const value: IUploadFileControl = control.value; if (value == null) { return null; } for (const x of value.allFiles) { if (x.size > maxFileSize) { return { file_max_size: VALIDATION_LABEL_ATTACHMENT_MAX_SIZE }; } } return null; };
If for-Schleifex参数具有FileTyp.
Nur Bilder hier.
Wie erhalte ich die Breite und Höhe des Bildes in dieser Datei?
使用
Image创建图像，然后获取所需的尺寸。您可以使用
file.type来验证x是否是图像：试试这个：
// add mime type check if (x?.type.includes('image/')) { const url = URL.createObjectURL(x); const img = new Image(); img.onload = function () { console.log(img.width, img.height); URL.revokeObjectURL(img.src); }; img.src = url; }编辑
同步获取尺寸：
// pass file to the method and hold execution console.log(await this.getDimensions(x)); // method that gets and return dimensions from a file getDimensions(x: File) : Promise<{width:number, height:number}> { return new Promise((resolve, reject) => { const url = URL.createObjectURL(x); const img = new Image(); img.onload = () => { URL.revokeObjectURL(img.src); resolve({ width: img.width, height: img.height }); }; img.src = url; }); }