angular - Lägg till anpassade headers innan uppladdning med Primengs FileUpload-komponent

Hur kan vi lägga till anpassade rubriker till HTTP-förfrågan (som Authentication) för filuppladdningen?

Svar #1

Vi använder onBeforeSend-händelsen:

private onBeforeSend(event) {
    event.xhr.setRequestHeader("Authorization", "Bearer " + sessionStorage.getItem("AccessToken"));
}

Svar #2

Efter Angular 8 används onBeforeSend inte längre, måste headers input-egenskap användas

i vy

<p-fileUpload name="myfile[]" url="./upload.php" [headers]="httpHeaders"></p-fileUpload>

i komponent

    httpHeaders:HttpHeaders ;

    httpHeaders.set('channel', Channel.AT.toString())
    httpHeaders.set('loginId', Settings.user.userId.toString())
    httpHeaders.set('sesnId', Settings.auth.token)
    httpHeaders.set('commVer', Settings.app.version)
    httpHeaders.set('clientIp', Settings.user.clientIp)  
    httpHeaders.set('uniqueRequestId', Guid.MakeNew().ToString();

Relaterade artiklar