angular – 向PrimeNG FileUpload数据传输添加其他信息

前端之家收集整理的这篇文章主要介绍了angular – 向PrimeNG FileUpload数据传输添加其他信息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找使用primeng fileupload组件上传文件的附加信息.基本上,我需要知道这些上传文件的相关内容.

我可以在“onBeforeSend”函数添加标题,如授权代码,如下例所示.在哪里可以添加其他信息,例如’DocumentID’:’A123′

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

谁知道?

谢谢

在primeng fileupload控件的onBeforeSend事件中有一个名为event.formData的对象,您可以使用此对象来自定义具有aditional信息的请求.我能够在我正在进行的当前项目中成功实现此功能.

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

希望能帮助到你!!

原文链接:https://www.f2er.com/angularjs/142071.html

猜你在找的Angularjs相关文章