javaScript前端文件一致性校验-md5方法

 需求背景：在处理文件上传时使用了第三方平台存储，后端在下载时需要校验与文件与上传时是否一致，已校验文件是否丢失的问题。如我们公司业务场景使用了分段上传，分段上传如果没有校验合并后的文件是否完整，可能会存在部分数据丢失

处理文件的唯一性可以通过计算文件的MD5值来实现，前端和后端都可以进行相同的计算以进行对比。下面是一个处理Vue视频上传并计算MD5值的示例：

在前端（Vue）：

在上传视频之前，使用JavaScript的File API读取文件内容。

使用JavaScript的crypto.subtle.digest()方法计算文件的MD5值。

将计算得到的MD5值发送到后端。

示例代码如下：

安装crypto-js库：

npm install crypto-js

 计算MD5

import { MD5 } from 'crypto-js';


// 读取文件内容并计算MD5值

const file = event.target.files[0];

const reader = new FileReader();

reader.onload = (event) => {

  const fileData = event.target.result;

  const fileMD5 = MD5(fileData).toString();

  // 将fileMD5发送到后端

};

reader.readAsArrayBuffer(file);

在后端（假设使用Node.js）：

接收前端发送的文件和MD5值。

使用相同的MD5计算算法计算接收到的文件的MD5值。

将计算得到的MD5值与前端发送的MD5值进行比较，判断文件是否唯一。

示例代码如下：

// 安装crypto库：npm install crypto

const crypto = require('crypto');


// 接收文件和前端发送的MD5值

const receivedFile = req.file; // 假设使用了multer等文件上传中间件

const receivedMD5 = req.body.md5; // 假设通过请求体传递MD5值


// 计算接收到的文件的MD5值

const fileData = fs.readFileSync(receivedFile.path);

const calculatedMD5 = crypto.createHash('md5').update(fileData).digest('hex');


// 判断文件的唯一性

const isUnique = (calculatedMD5 === receivedMD5);

通过以上步骤，可以在前端和后端都计算文件的MD5值，并判断文件是否唯一。需要注意的是，这只是一种简单的判断文件唯一性的方法，如果您有更高的安全要求，可以考虑使用其他的哈希算法或加密方法。

•  Hash方法用于将输入数据转换为固定长度的哈希值。在处理文件的唯一性时，可以使用哈希方法来计算文件的哈希值，并将哈希值用于判断文件的唯一性。以下是一种常见的处理方法：
• 选择哈希算法：根据需求选择合适的哈希算法。常见的哈希算法包括MD5、SHA-1、SHA-256等。需要注意的是，不同的哈希算法具有不同的哈希长度和安全性级别，您可以根据具体需求选择适合的算法。
• 前端计算哈希值：在前端，使用选定的哈希算法对文件内容进行哈希计算。可以使用JavaScript的哈希库或内置的加密API来执行计算。例如，使用crypto-js或Web Crypto API。
• 后端计算哈希值：在后端，同样使用选定的哈希算法对接收到的文件内容进行哈希计算。根据后端语言和库的不同，可以使用相应的哈希函数或库进行计算。
• 比较哈希值：将前端计算得到的哈希值与后端计算得到的哈希值进行比较。如果两个哈希值相同，则表示文件内容相同，可以判断文件为重复文件。

需要注意的是，哈希算法并不能保证完全唯一性，但可以在很大程度上判断文件内容是否相同。如果需要更高的唯一性和安全性，请考虑使用更复杂的方法，如使用加盐哈希或使用文件的其他属性（如大小、创建时间等）进行比较。