准备工作

新建一个vue项目，安装 js-md5

    cnpm install js-md5

全部前端代码

<template>
  <div>
    <input type="file" @change="fileChange" />
  </div>
</template>

<script>
import md5 from "js-md5";
export default {
  data() {
    return {};
  },

  methods: {
    fileChange(e) {
      var file = e.target.files[0];
      this.fileName = file.name;
      this.file = file;
      const fileReader = new FileReader();
      fileReader.readAsArrayBuffer(file);
      fileReader.onload = (e) => {
        this.md5 = md5(e.target.result);
        console.log(this.md5);
      };
    },
  },

  components: {},

  computed: {},

  mounted() {},

  created() {},
};
</script>
<style scoped></style>

查看是否正确

首先使用 Git Bash 计算md5

在桌面新建一个md5-test.js 文件 内容随便写一点

 md5sum.exe md5-test.js

使用浏览器校验