Rocket.Chat/app/ui-utils/client/lib/avatar.js

import { Blaze } from 'meteor/blaze';
import { Session } from 'meteor/session';

import { RoomManager } from './RoomManager';
import { getUserAvatarURL } from '../../../utils/lib/getUserAvatarURL';

Blaze.registerHelper('avatarUrlFromUsername', getUserAvatarURL);

export const getAvatarAsPng = function(username, cb) {
	const image = new Image();
	image.src = getUserAvatarURL(username);
	image.onload = function() {
		const canvas = document.createElement('canvas');
		canvas.width = image.width;
		canvas.height = image.height;
		const context = canvas.getContext('2d');
		context.drawImage(image, 0, 0);
		try {
			return cb(canvas.toDataURL('image/png'));
		} catch (e) {
			return cb('');
		}
	};
	image.onerror = function() {
		return cb('');
	};
	return image.onerror;
};

export const updateAvatarOfUsername = function(username) {
	Session.set(`avatar_random_${ username }`, Date.now());
	const url = getUserAvatarURL(username);

	// force reload of avatars of messages
	$(Object.values(RoomManager.openedRooms).map((room) => room.dom))
		.find(`.message[data-username='${ username }'] .avatar-image`).attr('src', url);

	// force reload of avatar on sidenav
	$(`.sidebar-item.js-sidebar-type-d .sidebar-item__link[aria-label='${ username }'] .avatar-image`)
		.attr('src', url);

	return true;
};