I want to convert an image to base64 from reactjs to save that image in mongo without uploading the image to the server and then converting it if not converting the image directly
3
-
stackoverflow.com/questions/6150289/…Eric Hasselbring– Eric Hasselbring2019-02-20 19:41:35 +00:00Commented Feb 20, 2019 at 19:41
-
Possible duplicate of How to convert image into base64 string using javascriptEric Hasselbring– Eric Hasselbring2019-02-20 19:41:49 +00:00Commented Feb 20, 2019 at 19:41
-
stackoverflow.com/questions/22172604/…Benjamín Vázquez– Benjamín Vázquez2019-02-20 19:43:27 +00:00Commented Feb 20, 2019 at 19:43
Add a comment
|
1 Answer
I share my solution
const getEmergencyFoundImg = urlImg => {
var img = new Image();
img.src = urlImg;
img.crossOrigin = 'Anonymous';
var canvas = document.createElement('canvas'),
ctx = canvas.getContext('2d');
canvas.height = img.naturalHeight;
canvas.width = img.naturalWidth;
ctx.drawImage(img, 0, 0);
var b64 = canvas.toDataURL('image/png').replace(/^data:image.+;base64,/, '');
return b64;
};
I recommend calling this function with async / await to build the object of the post.
The method extracts it from this source: https://base64.guru/developers/javascript/examples/convert-image
