Przesyłanie wielu plików do różnych adresów URL za pomocą przesyłania plików za pomocą narzędzia ng2

Question

Mam problem z uploading multiple file to different urls using ng2-file-upload method.

Używam tego repo https://github.com/valor-software/ng2-file-upload , aby to zrobić. ng2-file-upload jest łatwo zintegrowany z moją aplikacją przy użyciu tego demo do przesyłania plików. Udostępnili także method, aby przesłać wiele plików na określony adres URL.

Ale chcę przesłać different files at different url, którego nie jestem jeszcze w stanie się dowiedzieć.

// sample code 
import { Component } from '@angular/core'; 
import { FileUploader } from 'ng2-file-upload'; 

const URL = '/api/some_url'; 

@Component({ 
    selector: 'simple-demo', 
    templateUrl: './simple-demo.html' 
}) 
export class SimpleDemoComponent { 
    public uploader:FileUploader = new FileUploader({url: URL}); // here to add url 
} 

Ten FileUploader zapewnia sposób, aby dać url przesłać plik. Przydatność tej metody polega na tym, że progress-bar i powiązana funkcja są zintegrowane z tym komponentem ng2-file-uploader. Dużo przeszukałem, ale nie znalazłem żadnego rozwiązania do przesłania do różnych adresów URL.

Wszelkie przydatne sugestie zostaną docenione!

Answer 1

Oto, w jaki sposób udało mi się zrobić to samo. Będziesz musiał zastąpić onBeforeUploadItem z uploadera.

określić:

this.uploader = new FileUploader({url: this.uploadUrl}); 

w konstruktorze

this.uploader.onBeforeUploadItem = (fileItem: FileItem): any => { 
    // logic of connecting url with the file 
    fileItem.url = 'http://localhost:3001/path/v1'; 

    return {fileItem}; 
};