如何终止PrimeNG的FileUpload组件中的文件上传？

Question

1。摘要

基于PrimeNG FileUpload component中的选定文件，我想中止针对特定文件名模式的文件上传到后端服务器。 Angular 6.0.7，PrimeNG 6.0.2。

2。第一种方法

2.1。 HTML部分

<p-fileUpload #fileUploader name="file" url="{{uploadUrl}}" accept=".jpeg,jpg" 
  auto="auto" mode="basic" chooseLabel=„Upload file“
  (onBeforeUpload)="fileUploadOnBeforeUpload($event, fileUploader)">
</p-fileUpload>

2.2。 TypeScript部分

fileUploadOnBeforeUpload(event) {
  if (condition) {
    event.xhr.abort();
  }
}

2.3。结果

该方法被调用，没有任何错误，但是上传没有被取消。

3。第二种方法

3.1 TypeScript部分

fileUploadOnBeforeUpload(event, fileUploader: FileUpload) {
  if (condition) {
    for (let file of fileUploader.files) {
      const index = fileUploader.files.indexOf(file);
      fileUploader.remove(event, index);
    }
  }
}

3.2结果

选定的文件在传输前被删除，这将按预期“停止”上传。但是可以理解，后端服务器抱怨浏览器控制台Failed to load resource: the server responded with a status of 400 ()中的空请求。

4。要解决的挑战

选择特定文件后，如何终止PrimeNG FileUpload组件中的文件上传？