How i can send files from camera with CameraResultType.Uri?

import { Plugins, CameraResultType } from '@capacitor/core';

const { Camera } = Plugins;

async takePicture() {
  const image = await Camera.getPhoto({
    quality: 90,
    allowEditing: true,
    resultType: CameraResultType.Uri
  });
 
  var imageUrl = image.webPath;
  imageElement.src = imageUrl;
}

How i can send form with a camera image file?

[jcesarmobile]

Capacitor doesn’t provide a plugin or method for uploading files, you can use XHR or fetch to do so.

As example of how you can do it.

get the blob from the url:

let blob = await fetch(cameraResult.webPath).then(r => r.blob());

or get the blob from the base64:

let blob = b64toBlob(contents.data, "image/jpg", 512);

(google for b64toBlob method).

Once you have the blob, append it to FormData

let formData = new FormData();
formData.append("image", blob);

And upload it with XHR or fetch (example for XHR)

var oReq = new XMLHttpRequest();
oReq.open("POST", "https://yourserver.com/upload.php", true);
oReq.send(formData);

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.