【js】spark-md5来计算文件的MD5值

在React中，可以使用开源的JavaScript库spark-md5来计算文件的MD5值。该库可以在浏览器中计算文件的MD5值，而不需要上传文件到服务器。 

import React, { useState } from 'react';
import SparkMD5 from 'spark-md5';

const UploadDemo = () => {
  const [file, setFile] = useState(null);
  const [md5, setMd5] = useState('');

  const handleFileChange = (event) => {
    const selectedFile = event.target.files[0];
    setFile(selectedFile);
    // 计算文件的MD5值
    const reader = new FileReader();
    reader.onload = (event) => {
      const spark = new SparkMD5.ArrayBuffer();
      spark.append(event.target.result);
      const md5 = spark.end();
      setMd5(md5);
    };
    reader.readAsArrayBuffer(selectedFile);
  };

  const handleUpload = () => {
    // 发送带着md5值的请求
    // ...
  };

  return (
    <div>
      <input type="file" onChange={handleFileChange} />
      <button onClick={handleUpload}>上传</button>
    </div>
  );
};

export default UploadDemo;

在