向PrimeNG FileUpload数据传输添加其他信息

Question

我正在寻找使用primeng fileupload组件上传的文件的附加信息.基本上,我需要知道这些上传文件的相关内容.

我可以在"onBeforeSend"函数中添加标题,如授权代码,如下例所示.我在哪里可以添加其他信息,例如'DocumentID':'A123'

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

谁知道？

谢谢

Answer 1

在onBeforeSend事件primeng fileupload控制有一个叫做对象event.formData，你可以使用这个对象来定制与aditional的信息的请求。我能够在我正在进行的当前项目中成功实现此功能。

在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">

希望能帮助到你！！