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

发布时间：2020-12-17 07:27:56 所属栏目：安全来源：网络整理

导读：我正在寻找使用primeng fileupload组件上传的文件的附加信息.基本上,我需要知道这些上传文件的相关内容. 我可以在“onBeforeSend”函数中添加标题,如授权代码,如下例所示.在哪里可以添加其他信息,例如’DocumentID’：’A123′ onBeforeSend(event) { event.

我正在寻找使用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">

希望能帮助到你！！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!