I am using Rxjs
in an angualr-cli
application.
in viewer.component.ts
//Other Imports
import { Observable } from \'rxj
In one project I used the following forkjoin code to upload images, it works perfectly.
/**
* Upload multiple image and then update the feature
*/
public uploadImages(apiParams: any[], imageItems: any[]): Observable {
if (imageItems.length === 0) return;
let promises = [];
for (let imageItem of imageItems) {
promises.push(this.uploadImage(apiParams, imageItem));
}
return Observable.forkJoin(...promises);
}
/**
* upload single image
*/
public uploadImage(apiParams: any[], imageItem: any): any {
let _formData = new FormData();
_formData.append("UploadedImage", imageItem, (new Guid()).toString()+'.png');
const imageApiUrl = StringFormatter.format(imagePoints.create, apiParams);
return Observable.fromPromise(
fetch(imageApiUrl, {
method: "POST",
body: _formData
})
.then(result => result.json())
);
}