File to Bitmap

by Arjan Haverkamp

HTML

<input type="file" id="filepicker">
<canvas id="outCanvas"></canvas>

JavaScript

filepicker.addEventListener("change", () => {
  createImageBitmap(filepicker.files[0])
    .then(response => {
      outCanvas.width = response.width;
      outCanvas.height = response.height;
    	const ctx = outCanvas.getContext("2d");
    	ctx.drawImage(response, 0, 0);
    });
});