时间戳

首页 > 解决方案 > 在 PrimeNg 中验证最小大小的文件上传

angular - 在 PrimeNg 中验证最小大小的文件上传

问题描述

我正在使用 PrimeNG 上传器上传文件。如果文件大小小于 1kb，我想进行验证。没有最小文件大小的属性。

HTML

<p-fileUpload multiple="true" mode="advanced" name="parseFileData[]" #fileInput
            accept=".kmz" maxFileSize="12582912" chooseLabel="Browse File"></p-fileUpload>

标签： angularprimeng

解决方案

请找到方法，这可能会帮助您使用 p-fileUpload 实现最小文件大小上传验证：

示例.component.html

<p-fileUpload customUpload="true" (uploadHandler)="onFileUpload($event)"></p-fileUpload>

您可以在文件上传时验证组件中的文件大小，如下所示：

样本.component.ts

onFileUpload(event) {
    let fileSize = event.files[0].size; // you will get the uploaded file size
    if (fileSize > 1000) {
      console.log("File size is Greater than 1KB");
      // logic goes here for file uploaded greater than 1KB
    }
}

推荐阅读