Zusätzliche Informationen zum PrimeNG FileUpload-Datentransfer hinzufügen

Question

Ich möchte zusätzliche Informationen mit Dateien senden, die mit der primeng-Dateiupload-Komponente hochgeladen werden. Grundsätzlich muss ich wissen, wofür diese hochgeladenen Dateien relevant sind.

Ich kann Header in der Funktion "onBeforeSend" wie der Autorisierungscode wie im folgenden Beispiel hinzufügen. Wo könnte ich zusätzliche Informationen hinzufügen, z. 'DocumentID': 'A123'

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

Wer weiß?

Dank

Answer 1

In onBeforeSend Fall primeng fileupload Steuerung gibt es ein Objekt namens event.formData, Sie dieses Objekt verwendet, kann die Anforderung mit aditional Informationen anpassen. Ich konnte diese Funktionalität im aktuellen Projekt, an dem ich arbeite, erfolgreich implementieren.

In component.ts Datei:

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

In template.html Datei:

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

Hoffe, es hilft !!