2017-08-25 12 views
5

का उपयोग कर विभिन्न यूआरएल के लिए एकाधिक फ़ाइल अपलोड करें मुझे uploading multiple file to different urls using ng2-file-upload method परेशानी हो रही है।ng2-file-upload

मैं इसे बनाने के लिए इस रेपो https://github.com/valor-software/ng2-file-upload का उपयोग कर रहा हूं। ng2-file-upload फ़ाइलों को अपलोड करने के लिए इस demo का उपयोग करके मेरे ऐप में आसानी से एकीकृत किया गया है। साथ ही, उन्होंने एक विशेष यूआरएल पर कई फाइलें अपलोड करने के लिए 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 घटक के साथ एकीकृत है। मैंने बहुत सी खोज की है लेकिन विभिन्न यूआरएल पर अपलोड करने के लिए कोई समाधान नहीं ढूंढ पा रहा है।

कोई भी उपयोगी सुझाव की सराहना की जाएगी !!

उत्तर

3

यहां बताया गया है कि मैं ऐसा करने में सक्षम था। आपको अपलोडर के पहले से अपलोड करने के लिए ओवरराइड करना होगा।

को परिभाषित:

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, यह पूरी तरह से काम किया है !! :) –