@org_educaresco/viam.profileimage/src/business/fileLoadBusiness.js

A React component that show Image Perfil.

import React from 'react';

export const _handleImageChange = (e, t) => {
	const reader = new FileReader();
	const file = e.target.files[0];
	if (file) {
		if (file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg') {
			reader.onloadend = () => {
				t(reader.result);
			};
			reader.readAsDataURL(file);
		} else {
			t('image-invalid');
		}
	}
};

export const _loadImagePreview = (imagePreviewUrl) => {
	console.log('fm_Image', imagePreviewUrl);
	let $imagePreview = null;
	if (imagePreviewUrl) {
		if (imagePreviewUrl === 'image-invalid') {
			$imagePreview = (
				<div className="message-image-preview alert alert-danger" role="alert">
					Image invalid, please change the image!
				</div>
			);
		} else {
			$imagePreview = <img alt="camare" className="imagePhotoSize" src={imagePreviewUrl} />;
		}
	} else {
		$imagePreview = (
			<div className="message-image-preview" role="alert">
				<b>Please select an Image for Preview!</b>
			</div>
		);
	}
	return $imagePreview;
};