Ionic 4: How to upload image to server using php

Ionic Native
1

I am trying to create a profile photo upload page, I’'m somehow not getting it to work. can some one help?


async openeditprofile() {
  let actionSheet = await this.actionsheetCtrl.create({
    header : "select an option",
    cssClass: "action-sheets-basic-page",
    buttons: [
      {
        text: 'Take photo',
        role: 'destructive',
        icon: 'Camera',
        handler: () => {
           this.takephoto();
        }
      },
      {
        text: 'Choose photo from Gallery',
        icon: 'folder',
        handler: () => {
          this.send();
          // this.openGallery(); 
          
        }
      },
]
});
actionSheet.present();
}



takephoto() {
        const options: CameraOptions = {
           quality: 100,
         destinationType: this.camera.DestinationType.DATA_URL,
         encodingType: this.camera.EncodingType.JPEG,
         mediaType: this.camera.MediaType.PICTURE
       }
  
     this.camera.getPicture(options).then((imageData) => {
         // imageData is either a base64 encoded string or a file URI
         // If it's base64:
         this.base64Image  = 'data:image/jpeg;base64,' + imageData;
      
       this.imageData=imageData
       this.image=(<any>window).Ionic.WebView.convertFileSrc(imageData);
    
       
      this.presentToast(this.base64Image);
      this.upload();
        }, (err) => {
          console.log(err);
          this.presentToast(err);
        })
      }


   






    async  openGallery() {
        
             const options: CameraOptions = {
                quality: 100,
                destinationType: this.camera.DestinationType.DATA_URL,
                encodingType: this.camera.EncodingType.JPEG,
                mediaType: this.camera.MediaType.PICTURE,
                sourceType: this.camera.PictureSourceType.SAVEDPHOTOALBUM
              }
         
              this.camera.getPicture(options).then(async (imageData) => {
               // imageData is either a base64 encoded string or a file URI
                // If it's base64:
                this.base64Image  = 'data:image/jpeg;base64,' + imageData;
               
                
                this.imageData=imageData
                this.image=(<any>window).Ionic.WebView.convertFileSrc(imageData);
              
             this.presentToast(this.base64Image);
            
             const loading = await this.loadingController.create({
              message: 'Uploading please wait...',
              });
            await loading.present();
         
  
           this.upload();
              }, (err) => {
                console.log(err);
               this.presentToast(err);
             })}

 




/////////////////////////////////


async upload()
  {
    const loading = await this.loadingController.create({
      message: 'Uploading...',
      });
    await loading.present();

    const fileTransfer: FileTransferObject = this.transfer.create();

    let options1: FileUploadOptions = {
       fileKey: 'file',
       fileName: 'name.jpg',
       headers: {}
    
    }

   

fileTransfer.upload(this.imageData, 'http://192.168.0.102/io3/upload.php', options1)
 .then((data) => {
   // success
   loading.dismiss()
    this.presentToast(data + 'Profile photo uploaded successfully');
 }, (err) => {
   // error 
   console.log(err);
   loading.dismiss();
   this.presentToast(err);
 });
  }



   ///////////////////////////////////
2

facing this error,

java.security.cert.CertPathValidatorException: Trust anchor for certification path not found.

cause : url is https://

any solution for this?