一、总结

基于在 PrimeNG 的FileUpload 组件中选择的文件，我想中止将文件上传到后端服务器的特定文件名模式。角 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. 打字稿部分

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

2.3. 结果

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

3. 第二种方法

3.1 打字稿部分

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 () …