如何使用ng2-file-upload返回響應

Question

我正在使用ng2-file-upload角度4.有什麼辦法可以從服務器返回自定義數據嗎？我們如何在ts文件中訪問它？

Answer 1

您應該使用上傳onSuccessItem和onErrorItem回調：

import { Component } from '@angular/core'; 
 
import {FileUploader, FileItem, ParsedResponseHeaders} from "ng2-file-upload"; 
 

 
@Component({ 
 
    selector: 'upload-file', 
 
    template: ` 
 
    <input type="file" ng2FileSelect [uploader]="uploader">  
 
    `, 
 
}) 
 
export class UploadFileComponent { 
 
    uploader:FileUploader; 
 
    ngOnInit(): void { 
 
     this.uploader = new FileUploader({ 
 
      url: 'http://url.to/upload', 
 
      headers: [{name:'Accept', value:'application/json'}], 
 
      autoUpload: true, 
 
     }); 
 
     this.uploader.onErrorItem = (item, response, status, headers) => this.onErrorItem(item, response, status, headers); 
 
     this.uploader.onSuccessItem = (item, response, status, headers) => this.onSuccessItem(item, response, status, headers); 
 
    } 
 

 
    onSuccessItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any { 
 
     let data = JSON.parse(response); //success server response 
 
    } 
 

 
    onErrorItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any { 
 
     let error = JSON.parse(response); //error server response 
 
    } 
 
}