@ViewChild('uploadButton') fileInput: any;

fileUpload() {
  this.fileInput.nativeElement.click();
}

// When choose the file
fileChangeEvent(fileInput: any) {
  const reader = new FileReader();
  this.url = '';

  reader.onload = (event: any) => {
    this.url = event.target.result;
    this.userModel.photo = event.target.result;
  };

  reader.readAsDataURL(fileInput.target.files[0]);
}