angular - 使用 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 可轻松集成到我的应用程序中上传文件。此外，他们提供了一个 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 集成成分。我搜索了很多，但找不到任何上传到不同网址的解决方案。

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

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