Добавить дополнительную информацию на передачу данных 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, вы можете использовать этот объект для настройки запроса с информацией фильма. Я смог успешно реализовать эту функциональность в текущем проекте, над которым я работаю.

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

Надеется, что это помогает !!