前端CryptoJS计算的SHA-256哈希与后端Java结果不一致问题

问题出在CryptoJS无法直接处理ArrayBuffer类型的输入，你当前直接将FileReader读取到的ArrayBuffer传入CryptoJS.SHA256()，会导致CryptoJS错误地将其转换为字符串处理，最终计算出的哈希值和后端不一致。

修复后的前端代码 #

function onMyfileChange(fileInput) {
    if(fileInput.files[0] == undefined) {
        return ;
    }
    var filename = fileInput.files[0].name;
    var reader = new FileReader();
    reader.onload = function(ev) {
        // 将ArrayBuffer转换为CryptoJS支持的WordArray
        var fileWordArray = CryptoJS.lib.WordArray.create(ev.target.result);
        var sha256hash = CryptoJS.SHA256(fileWordArray).toString(CryptoJS.enc.Hex);
        // 后续处理哈希
    };
    reader.onerror = function(err) {
        console.error("Failed to read file", err);
    }
    reader.readAsArrayBuffer(fileInput.files[0]);
}

关键说明 #

• CryptoJS的哈希函数默认接受字符串或WordArray作为输入，直接传入ArrayBuffer会触发隐式转换，而这个转换过程会破坏原始字节数据的完整性。
• 通过CryptoJS.lib.WordArray.create()方法将ArrayBuffer转换为CryptoJS原生支持的格式，就能保证哈希计算时使用的是原始文件的字节数据，和后端Java、C#的计算逻辑完全一致。

内容的提问来源于stack exchange，提问作者nammae88