Append image file to form data - Cordova/Angular

Question

I am using Anuglar, Ionic and Cordova in my current project, and I\'m trying to POST FormData containing an image file to my server. Right now I\'m using the cordova camera

Answer 1

Your post was extremly helpful to fix my problem. I'm using Ionic 4 and trying to upload an image using standard http and file client. The key code for reference is here:

return this.file.readAsArrayBuffer(path, file).
  then(blob => {
    const imgBlob = new Blob([blob], { type: 'image/jpeg' } );

    formData.append('image[file]', imgBlob);

    return this.http.post(url, formData, headers).subscribe();
});

Hope it helps someone out there as it did for me.