8

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

我正在使用这个 repo https://github.com/valor-software/ng2-file-upload 来做这个。使用这个演示上传文件ng2-file-upload很容易集成到我的应用程序中。此外，他们还提供了一种在特定 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组件集成在一起。我进行了很多搜索，但找不到任何上传到不同网址的解决方案。

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

4

1 回答 1

8

这就是我能够做到这一点的方式。您必须覆盖上传者的 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};
};
于 2017-08-25T18:38:11.520 回答