mat 文件上传队列中的大小限制

Question

我可以限制上传文件的大小吗？

我用过，

  <div>
   <input id="singleFile" type="file" [fileUploadInputFor]="fileUploadQueue" />
   <mat-file-upload-queue #fileUploadQueue [fileAlias]="'file'"
              [httpUrl]="'http://localhost:5000/fileupload'">
    <mat-file-upload [file]="file" [id]="i" *ngFor="let file of fileUploadQueue.files; let i = index">
    </mat-file-upload>
   </mat-file-upload-queue>
 </div>

我需要，选择文件后必须抛出错误。

Answer 1

你可以做到，但它有点hacky，看看 this 堆栈闪电战。通过fileUploadQueue.files[n].size 选择文件后，您可以访问文件的大小。

我在组件中添加了一个函数来检查第一个上传文件的大小，并在模板中添加了一个简单的表达式来显示如何访问文件大小。

它显然需要一些改进，但应该让你开始。