Expected behavior

When I use the Image Upload (modules: UploaderOptions and UploadOutput) and I send data to store an image, after uploading, should NOT reload the page.

Actual behavior

when i submit the form to upload an image, the page reload

Resources (screenshots, code snippets etc.)

this is the code:

import { Router } from '@angular/router';

import { FormGroup, FormBuilder } from '@angular/forms';

import { ImageService } from '@core/services/brochure-services/image/image.service';

import { EventEmitter } from "@angular/core";

import { Component, OnInit, ViewChild, Input, ElementRef } from '@angular/core';

import { UploadFile, UploadInput, ToastService } from 'ng-uikit-pro-standard';

import { UploaderOptions, UploadOutput } from 'ng-uikit-pro-standard/lib/pro/file-input/classes/mdb-uploader.class';

@Component({ selector: 'app-image-upload', templateUrl: './image-upload.component.html', styleUrls: ['./image-upload.component.scss']})export class ImageUploadComponent implements OnInit {

selectedFile: File = null; fileName: string = ''; options: any;

constructor( 
    private imageService: ImageService, 
    private fb: FormBuilder, 
    private router: Router, 
    private toastrService: ToastService ) { 
        this.options = { opacity: 0.9 }; 
    }

ngOnInit() { }

onFileSelect(event) { 
    console.log(event); 
    if (event.target.files.length > 0) { 
        this.selectedFile = event.target.files\[0\]; 
        this.fileName = this.selectedFile.name; 
    } 
 }

onSubmit() { 
    const formData = new FormData(); 
    formData.append('image', this.selectedFile, this.selectedFile.name);

    // In here, after i submit this "formData", the page get reload
    this.imageService.uploadImage(formData).subscribe(
        data => { 
            // do something
     });
}

}

Here is the Service :

@Injectable({ providedIn: 'root'})

export class ImageService extends BaseService {

constructor(http: HttpClient) { 
    super('http://localhost:8083/Image', http);
}
uploadImage(resource: any){
    return this.http.post(this.endpoint + '/uploadImage', resource)
      .map(response => response)
      .catch(this.handleError);
  }

}

Please someone help me, thanks.

Regards.