PrimeNG FileUploadデータ転送に追加情報を追加

Question

primeng fileuploadコンポーネントでアップロードされているファイルに関する追加情報を送信したいと考えています。基本的には、これらのアップロードされたファイルがどのようなものであるかを知る必要があります。

以下の例のように、認証コードのように "onBeforeSend"関数でヘッダーを追加できます。どこに追加情報を追加できますか？ 'DocumentID'： 'A123'

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

誰でも知っていますか？

おかげ

Answer 1

はprimeng fileupload制御のonBeforeSendイベントでは、あなたがaditional情報で要求をカスタマイズするために、このオブジェクトを使用することができ、event.formDataと呼ばれるオブジェクトが存在します。私は作業中の現在のプロジェクトでこの機能を正常に実装することができました。 template.htmlファイルで

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

：component.tsファイルで

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

はそれが役に立てば幸い！