2017-08-25 1 views
5

問題が発生しましたuploading multiple file to different urls using ng2-file-upload methodng2-file-uploadを使用して複数のファイルを異なるURLにアップロードする

私はこのrepo https://github.com/valor-software/ng2-file-upload を使用しています。 ng2-file-uploadはこのファイルをアップロードするのにこのdemoを使って私のアプリに簡単に統合されています。また、特定のURLに複数のファイルをアップロードするためにmethodを提供しました。

しかし、私はdifferent files at different urlをアップロードしたいと思いますが、私はまだそれを見つけることができません。

// 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 
} 

このFileUploaderは、ファイルをアップロードするurlを与えるための方法を提供します。この方法の有用性は、progress-barとそれに関連する機能がこのng2-file-uploaderコンポーネントと統合されていることです。私は多くを検索しましたが、別のURLにアップロードするための解決策を見つけることができません。

ご迷惑をおかけして申し訳ございませんが、ご了承ください。

答えて

3

これは私が同じようにする方法です。 アップロード者のonBeforeUploadItemを上書きする必要があります。

は定義:コンストラクタで

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

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

    return {fileItem}; 
}; 
+0

おかげ@sabuが、それは完全に働きました! :) –

関連する問題