Vanilla JS function to scale images proportionally using canvas and return a Base64 encoded image

proportional-image-scaling.js

function scaleImage(url, width = 1024, quality = 1.0) {
	let img = new Image();
	img.onload = function () {
		let canvas = document.createElement("canvas"),
			context = canvas.getContext("2d");
		canvas.width = width;
		canvas.height = width * (img.height / img.width);
		context.drawImage(img, 0, 0, canvas.width, canvas.height);
		return canvas.toDataURL('image/jpeg', quality);
	};
	img.src = url;
}