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

Question

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

我正在使用这个 repo https://github.com/valor-software/ng2-file-upload 做这个。 ng2-file-upload 很容易集成到我的应用程序中，使用此 demo to upload files. Also, they provided a method 在特定 url.

上上传多个文件

但是我想上传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 组件集成。我搜索了很多但找不到任何解决方案来上传到不同的 urls.

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

Answer 1

以下是我如何能够做到这一点。您将不得不覆盖上传器的 onBeforeUnload Item。

定义：

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 将多个文件上传到不同的 url

Upload multiple file to different url's using ng2-file-upload

file-upload

angular2-http

ng2-file-upload

angular