angular - 向 PrimeNG FileUpload 数据传输添加附加信息

Question

我希望通过 primeng fileupload 组件上传的文件发送附加信息。基本上，我需要知道这些上传的文件与什么相关。

我可以在“onBeforeSend”函数中添加 header ，如授权代码，如下例所示。我在哪里可以添加其他信息，例如'文档ID':'A123'

onBeforeSend(event) {
    event.xhr.setRequestHeader("Authorization", 'Bearer ' + this.authService.getAccessToken());
} 

有人知道吗？

谢谢

Answer 1

在 primeng fileupload 控件的 onBeforeSend 事件中有一个名为 event.formData 的对象，您可以使用此对象来自定义请求附加信息。我能够在当前正在进行的项目中成功实现此功能。

在component.ts 文件中:

    onBeforeSend(event) {
       event.xhr.setRequestHeader("Authorization", `Bearer ${this.authService.getToken()}`);
       event.formData.append('DocumentID', 'A123');
    }

在template.html 文件中:

    <p-fileUpload name="test[]" 
                  [url]="url_test" 
                  (onBeforeSend)="onBeforeSend($event)" 
                  accept="image/*" 
                  maxFileSize="5000000" 
                  withCredentials="true">

希望对您有所帮助!