Question

我遇到了问题uploading multiple file to different urls using ng2-file-upload method。

我正在使用此回购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组件集成在一起。我搜索了很多，但无法找到任何上传到不同网址的解决方案。

任何有用的建议将不胜感激！

Answer 1

以下是我能够做同样的事情。您必须覆盖上传者的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};
};

使用ng2-file-upload将多个文件上传到不同的网址

1 个答案: