Capacitor camera save image

Mobile Apps
21

In the result type option of the capacitor camera plugin you can select how should the image be returned - as a base64 encoded string, as data URL or as a path.
Isn’t the “path” option exactly what you need in your case?

22

Thanks Teodor for your answer.

I have 3 options: base64, dataUrl or Uri.

Capture d’écran 2023-05-08 à 22.44.30
Capture d’écran 2023-05-08 à 22.44.301958×1962 363 KB

Next my PageFlow :

<script is="dmx-flow" id="flowPhoto" type="text/dmx-flow">{

Capacitor.Camera.getPhoto: {
width: “800px”,
quality: 90,
promptLabelCancel: “Annuler”,
promptLabelPhoto: “Depuis votre galerie photos”,
promptLabelPicture: “Prendre une photo”,
resultType: “dataUrl”,
source: “CAMERA”,
name: “photo”,
output: true
}
}

I can select path for for dmx-value.

<button id="btnPic" class="btn btn-outline-primary w-100" dmx-on:click="flowPhoto.run()">Ajoutez des photos</button>

                <img width="100" dmx-bind:src="flowPhoto.data.photo.path">

                <input id="text_photo" name="photo" type="file" class="form-control" dmx-bind:value="flowPhoto.data.photo.path">

                <span>flowPhoto.data.photo.path: {{flowPhoto.data.photo.path}}</span>

What I expect is “just” uploading this picture or galery file using an input type=“file”, sending this file with a classical POST form.

I’m missing something … :thinking:

23

OK,
I setted a button to launch the camera and save the file in gallery.
Then I display a thumbnail
Then user have to select the file from o dropzone input.
It would be great to be able to load the picture directly in the dropzone input…
Thanks to all