2017-08-23 3 views
0

Ich habe einfache Dateiupload auf meiner eckigen 4 App implementiert, alles funktioniert gut, aber ich habe ein Problem, dass ich nicht sicher bin, wie zu beheben, also wenn ich das erste Element, onSuccessItem Callback-Trigger und ich mache ein wenig Logik, aber wenn ich eine andere Datei hochladen, wird der gleiche Callback nicht ausgelöst. Meine Frage ist, wie onSuccessItem Callback jedes Mal ausgelöst wird, wenn die Datei hochgeladen wird, ich möchte die Seite nicht aktualisieren. Mein Code sieht so aus. Ich benutze dieses Plugin https://github.com/valor-software/ng2-file-uploadeckig 4 ​​Datei-Upload nach abgeschlossenem Rückruf

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 { 
     //this gets triggered only once when first file is uploaded 
    } 

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

Bitte entfernen Sie das falsche Etikett 'angularjs' –

+0

Datei-Upload - http://www.angulartutorial.net/2018/01/file-upload-and-send-data-to -backend.html – Prashobh

Antwort