how to pass an id to a URL in ng2 upload in ionic angular

Issue

I want to pass userID as a parameter in URL in the ng2Upload package. Below is my TS CODE:

import { Component, OnInit } from '@angular/core';
import { Storage } from '@ionic/storage';
import { FileUploader, FileSelectDirective } from 'ng2-file-upload/'; 
import { environment } from '../../environments/environment';

var uri  'http://localhost:4000/prescription/upload/';
@Component({
  selector: 'app-prescribtion',
  templateUrl: './prescribtion.page.html',
  styleUrls: ['./prescribtion.page.scss'],
})
export class PrescribtionPage implements OnInit {
  image;
  imageData;
  userid: any;
  id: string;
  attachmentList: any  [];
  constructor(private storage: Storage) {}

  ngOnInit() {
    this.storage.get('userid').then((userid) > {
      this.userid  userid;
      uri  uri + userid;
      console.log(uri);
    });
  }

  public uploader: FileUploader  new FileUploader({
    url: uri
  });
}

I want to append the userId variable to the url. Bt it is giving error as Property ‘userid’ is used before its initialization.

Solution

The UserId was never initialized, it was only declared. and I don’t how the uri was also gonna work, so made a few changes.

export class PrescribtionPage implements OnInit {
  image;
  imageData;
  userid: any  null;
  id: string;
  attachmentList: any  [];
  constructor(private storage: Storage) {}
  public uploader: FileUploader;


  ngOnInit() {
    this.storage.get('userid').then((userid) > {
      this.userid  userid;
      var uri: string  "https://whatever.uri.com";
      uri  uri + userid;
      console.log(uri);
      this.uploader  new FileUploader({ url: uri });
    });
  }
}

Answered By – Nischaya Sharma