javascript - 在 Angularjs 应用程序和 bash 中使用相同文件的不同 SHA256

Question

我需要在我的 AngularJS 应用程序中获取上传文件的摘要，但结果摘要与我使用 bash 获得的文件摘要不同。

我开始使用jshashes，但是当我看到生成的哈希（在网络应用程序上）与我在本地使用 bash 获得的不同时，我决定转移到CryptoJS。但是结果是一样的，上传文件的hash还是不一样的。

这是我的代码：

var reader = new FileReader();    
reader.readAsBinaryString(controller.file);
controller.fileHash = CryptoJS.SHA256(reader.result).toString(CryptoJS.enc.Hex);

如您所见，代码非常简单，只需使用 FileReader 从变量中读取上传的文件并将值转换为 BinaryString，对内容进行哈希处理，最后将结果分配给另一个控制器变量以在html.

在我的 shell（本地环境）中，为了获取文件摘要，我运行以下命令：

$ shasum -a 256 [path/to/file]

为了上传文件，我使用ng-file-upload

我错过了什么？如果有人可以帮助我或指导我查看解决方案，我将非常感激。

提前谢谢你。

更新 1： 正如@destroyer 在下面的cmets 中所说，readAsBinaryString 已被弃用，它是一种异步方法，所以这是我的实际代码：

var reader = new FileReader();
reader.onload = function() {
    controller.fileHash = CryptoJS.SHA256(reader.result).toString(CryptoJS.enc.Hex);
};
reader.readAsArrayBuffer(controller.file);

我尝试了this 解决方案，以便将ArrayBuffer 对象转换为BinaryString。但结果还是错了。

更新 2： 这是控制台日志的图像以及我要散列的对象

Answer 1

readAsBinaryString 已弃用，您应该使用readAsArrayBuffer。

无论哪种方式，这些函数都会启动一个异步操作，您可以在 FileReader 实例的 load 事件中读取其结果。

var reader = new FileReader();    
reader.onload = function(){
  controller.fileHash = CryptoJS.SHA256(reader.result).toString(CryptoJS.enc.Hex);
};
reader.readAsArrayBuffer(controller.file);

回顾我们在 cmets 中的对话：问题在于 crypto-js 不是对二进制文件进行操作，而是对字符串进行操作。

您可以直接在js-sha256 中获得支持ArrayBuffers 的SHA256 实现。