Converts an image to Base64. You could pass a maximum size of an image in megabytes, and an array of valid extensions.
npm install js-img2base64
npm install js-img2base64 --save
Usage
js
var imageToBase64 = require('js-img2base64');
`Or
js
import imageToBase64 from 'js-img2base64';
`API
$3
Convert image file to image base64 data
#### Arguments
* {Image}
imageFile, required
* {number} maxSizeInMegabytes optional, default <= 3 megabytes
* {array} validExtensions optional, default ['png', 'jpeg', 'jpg', 'gif']#### Return type
* return type: Promise. Resolved if everything is okay, returns the Base64 string of the file. Rejected if any validation fails (maxSizeInMegabytes, validExtensions or a FileReader error), returns the rejection reason (error).
`js
imageToBase64(image, 6, ["png", "gif"])
.then((base64String) => console.log(base64String))
.catch((error) => console.error(error));
`$3
js
import React from 'react';
import imageToBase64 from 'js-img2base64';
const ImageComponent = () => {
const handleChange = event => {
const value = event.target.files[0];
imageToBase64(value)
.then((base64String) => console.log(base64String))
.catch((error) => console.error(error));
}
return (
onChange={handleChange}
id="button-file"
type="file" />
);
};
``