微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

p-fileUpload多个文件上传错误

如何解决p-fileUpload多个文件上传错误

原始ng文件上传htm代码上传多个文件

 <div class="col-lg-12 col-md-12 col-sm-12">
      <p-fileUpload name="demo[]"   customUpload="true" (uploadHandler)="onUpload($event)" multiple="multiple" accept="image/*"
          maxFileSize="1000000">
          <ng-template pTemplate="content">
              <ul *ngIf="uploadedFiles">
                  <li *ngFor="let file of uploadedFiles">{{file.name}} - {{file.size}} bytes</li>
              </ul>
          </ng-template>
      </p-fileUpload>
  </div>

用于创建表单数据和调用上传服务的组件代码

onUpload(event) {
  const formData: FormData = new FormData();
  const file = event.files;
  formData.append('file',file);
  this.uploadService.upload(formData).subscribe(
    event => {
     
    });
}

上载服务以调用实际的后端服务。

upload(file: FormData): Observable<any> {

   const req = new HttpRequest('POST',CommonConstants.env+"api/master/upload",file,{
     responseType: 'json'
   });

   return this.http.request(req);

 }

加载时返回错误“ core.js:6014 ERROR TypeError:无法读取未定义的属性” method“ 在HttpXhrBackend.handle(http.js:2325)“

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。