Dodaj dodatkowe informacje do transferu danych PrimeNG FileUpload

Question

Czekam na przesłanie dodatkowych informacji z plikami, które są przesyłane z komponentem fileupload primeng. Zasadniczo, potrzebuję wiedzieć, do czego te przesłane pliki są istotne.

Mogę dodać nagłówki w funkcji "onBeforeSend", takie jak kod autoryzacji, jak w poniższym przykładzie. Gdzie mogę dodać dodatkowe informacje, np. "Identyfikator dokumentu": "A123"

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

Ktoś wie?

Dzięki

Answer 1

W onBeforeSend przypadku primeng fileupload kontroli istnieje obiekt o nazwie event.formData, można użyć tego obiektu, aby dostosować prośbę wraz aditional informacji. Udało mi się skutecznie wdrożyć tę funkcjonalność w bieżącym projekcie, nad którym pracuję.

W component.ts pliku:

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

W template.html pliku:

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

Nadzieja pomaga !!