Getting the image path from the camera plugin

Question

as I think , this will output the data of the image

let cameraOptions = {
      destinationType: this.camera.DestinationType.DATA_URL 
    }

but this will will output the path of the image

let cameraOptions = {
      destinationType: this.camera.DestinationType.FILE_URL 
    }

I want to output both - as long as I’ll upload the image data and need the path also

please mention this part in your answer if some changes required in it

this.camera.getPicture(cameraOptions).then((data) => {
       this.imgDate = 'data:image/jpeg;base64,' + data;
     });

@jcesarmobile , when the user select the image - he should see the photo he selected , and then I upload it to the server — AboMohsen, Feb 08 '18 at 10:58
as long as noway to achieve that - I'll have to upload the image to the server then use the download link , thanks anyway — AboMohsen, Feb 08 '18 at 11:01
if you get the url, you can use the url as the image src and it will be displayed — jcesarmobile, Feb 08 '18 at 11:02

pavelety · Answer 1 · 2018-02-10T17:16:32.690

1

You could achieve showing picture without URL. No need to upload first

let cameraOptions = {
    destinationType: this.camera.DestinationType.DATA_URL 
}
this.camera.getPicture(cameraOptions).then((data) => {
    this.imgData = 'data:image/jpeg;base64,' + data;
    this.sendToServer(this.imgData);//base64 server sending
});
<img [src]="imgData">

edited Feb 10 '18 at 17:16

answered Feb 08 '18 at 19:12

pavelety

746
6
8

, this.imgData is not a path - this will not work – AboMohsen Feb 08 '18 at 23:22
@AboMohsen, img.src could be URL or Base64, see example: https://stackoverflow.com/a/8499716/6744399 – pavelety Oct 04 '22 at 19:00

Getting the image path from the camera plugin

1 Answers1