js如何生成文件的md5值

要使用JavaScript生成文件的MD5值，可以按照以下步骤进行操作：

1. 首先，在HTML部分创建一个文件输入框，并引入SparkMD5插件：

<input type="file" id="file">
<script src="spark-md5.min.js"></script>

2. 然后，在JavaScript中监听文件输入框的change事件，并计算小文件的MD5值：

document.querySelector('#file').addEventListener('change', e => {
  const file = e.target.files\[0\];
  const fileReader = new FileReader();
  fileReader.readAsBinaryString(file);
  fileReader.onload = e => {
    const md5 = SparkMD5.hashBinary(e.target.result);
    console.log(md5);
  }
});

3. 如果要计算大文件的MD5值，可以将文件切分成若干切片，分别计算MD5值，然后再组合起来：

document.querySelector('#file').addEventListener('change', e => {
  const file = e.target.files\[0\];
  const sliceLength = 10; // 切片长度
  const chunkSize = Math.ceil(file.size / sliceLength); // 每个切片的大小
  const fileReader = new FileReader();
  const md5 = new SparkMD5();
  let index = 0;

  const loadFile = () => {
    const slice = file.slice(index, index + chunkSize);
    fileReader.readAsBinaryString(slice);
  }

  loadFile();

  fileReader.onload = e => {
    md5.appendBinary(e.target.result);
    if (index < file.size) {
      index += chunkSize;
      loadFile();
    } else {
      console.log(md5.end());
    }
  };
});

这样，你就可以使用JavaScript生成文件的MD5值了。
#### 引用[.reference_title]
- *1* *2* *3* [前端JS计算文件MD5](https://blog.csdn.net/u012444184/article/details/121003431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]