get md5 file checksum from image in javascript

index.tsx
// Load the spark-md5 library
import SparkMD5 from 'spark-md5';

// Load the image file
const fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.onchange = () => {
  const file = fileInput.files[0];
  
  // Create a FileReader object to read the contents of the file
  const reader = new FileReader();
  reader.onload = () => {
    // Calculate the MD5 checksum of the file
    const spark = new SparkMD5.ArrayBuffer();
    spark.append(reader.result);
    const checksum = spark.end();
    console.log(`MD5 checksum of ${file.name}: ${checksum}`);
  };
  reader.readAsArrayBuffer(file);
};
fileInput.click();
639 chars
22 lines