如何在javascript中的文件(二进制文件,如图像)上使用Sha256?
我正在尝试用Javascript对文件执行Sha256。我以前读过一个文件。我在FileReader中使用readAsBinaryString函数来传递图像文件。然后在FileReader.onload函数上,我将evt.target.result传递给中的SHA256方法。我能够成功地获取哈希值,但它不正确。当我传入一个文本文件时,它工作正常,但不是图像文件 code应该能够将下面的代码复制到HTML文件,并在firefox上运行它-按“整个文件”按钮:如何在javascript中的文件(二进制文件,如图像)上使用Sha256?,javascript,binary,filereader,sha256,cryptojs,Javascript,Binary,Filereader,Sha256,Cryptojs,我正在尝试用Javascript对文件执行Sha256。我以前读过一个文件。我在FileReader中使用readAsBinaryString函数来传递图像文件。然后在FileReader.onload函数上,我将evt.target.result传递给中的SHA256方法。我能够成功地获取哈希值,但它不正确。当我传入一个文本文件时,它工作正常,但不是图像文件 code应该能够将下面的代码复制到HTML文件,并在firefox上运行它-按“整个文件”按钮: <style> #by
<style>
#byte_content {
margin: 5px 0;
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
#byte_range { margin-top: 5px; }
</style>
<input type="file" id="files" name="file" /> Read bytes:
<span class="readBytesButtons">
<button data-startbyte="0" data-endbyte="4">1-5</button>
<button data-startbyte="5" data-endbyte="14">6-15</button>
<button data-startbyte="6" data-endbyte="7">7-8</button>
<button>entire file</button>
</span>
<div id="byte_range"></div><BR>
<div id="byte_content"></div><BR>
<div id="crypto_sha256"></div>
<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/sha256.js"></script>
<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/components/enc-base64-min.js"></script>
<script>
var sha256;
function readBlob(opt_startByte, opt_stopByte) {
var files = document.getElementById('files').files;
if (!files.length) {
alert('Please select a file!');
return;
}
var file = files[0];
var start = parseInt(opt_startByte) || 0;
var stop = parseInt(opt_stopByte) || file.size - 1;
var reader = new FileReader();
// If we use onloadend, we need to check the readyState.
reader.onloadend = function(evt) {
if (evt.target.readyState == FileReader.DONE) { // DONE == 2
document.getElementById('byte_content').textContent = evt.target.result;
document.getElementById('byte_range').textContent =
['Read bytes: ', start + 1, ' - ', stop + 1,
' of ', file.size, ' byte file'].join('');
//**UPDATED SOLUTION: Since its binary data, the message needs to be converted from string to bytes using Latin1**
sha256.update(CryptoJS.enc.Latin1.parse(evt.target.result));
var hash = sha256.finalize();
document.getElementById('crypto_sha256').textContent = ['SHA-256: ', hash].join('');
}
};
var blob = file.slice(start, stop + 1);
reader.readAsBinaryString(blob);
}
document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {
if (evt.target.tagName.toLowerCase() == 'button') {
var startByte = evt.target.getAttribute('data-startbyte');
var endByte = evt.target.getAttribute('data-endbyte');
sha256 = CryptoJS.algo.SHA256.create();
readBlob(startByte, endByte);
}
}, false);
</script>
样本输出:
测试文本文件:
由Javascript生成的SHA256:
78cb5e86455dc8e3bc20fe17e0213a938281216d57b31f8307f5bca67c37bb09
由cygwin在同一文件上生成的SHA256:
$sha256sum Phillips.txt
78cb5e86455dc8e3bc20fe17e0213a938281216d57b31f8307f5bca67c37bb09*SomeTestFile.txt
测试二进制文件PDF:
由Javascript生成的SHA256:
57F93C1D20A8AD8ADE984A1D9756C1A40600BD8A752701945C4E0B5E042C605
由cygwin在同一文件上生成的SHA256:
$sha256sum烟雾\探测器\宣传册.pdf
57F93C1D20A8AD8ADE984A1D9756C1A40600BD8A752701945C4E0B5E042C605*烟雾探测器手册.pdf
我知道这个问题已经很老了,但我想我还是会和大家分享我所知道的 你可以通过做我在这个答案中所讨论的来更容易地做到这一点 基本上,您可以包括components/lib-typedarrays-min.js,然后在代码中执行以下操作
var reader = new FileReader();
// If we use onloadend, we need to check the readyState.
reader.onloadend = function(evt) {
if (evt.target.readyState == FileReader.DONE) { // DONE == 2
var wordArray = CryptoJS.lib.WordArray.create(e.target.result);
var hash = CryptoJS.SHA256(wordArray);
}
};
var blob = file.slice(start, stop + 1);
reader.readAsArrayBuffer(blob);
我还没有测试过上述解决方案,但它应该可以正常工作。以下是一个简单的解决方案: 当您将字符串传递给哈希器时,它将使用UTF-8转换为字节。这是为了确保不剪切外来字符。由于您使用的是二进制数据,因此需要使用拉丁语1将字符串转换为字节
为什么您认为它不正确?将文件打印到FileReader.onload的屏幕上,并与原始文件并排比较。是一样的吗?我在cygwinsha256sum和javaMessageDigest.getInstanceSHA-256中的同一个文件上运行了sha256。Cygwin和java给了我相同的sha256哈希。我将文件读入FileReader对象,然后使用e.target.result将文件显示到屏幕上,它似乎工作正常。CryptoJS的所有者Jeff Mott能够帮助我解决这个问题。以下是Jeff的解决方案和解释:
sha256.update(CryptoJS.enc.Latin1.parse(evt.target.result));