我上传了一个pdf文件,并使用crypto-js从中创建了一个散列,但是无论我上传哪个文件,我总是会得到相同的散列。另外,当我使用在线工具创建哈希时,我得到的哈希值与从文件中获得的哈希值不对应。 txt文件和从资产目录加载文件时都存在相同的问题。我还尝试了其他库,但遇到了同样的问题。
我想念什么?
我使用Angular6。这是我的操作方法。
import { Component } from '@angular/core';
import sha256 from 'crypto-js/sha256';
@Component({
selector: 'ct-sign-page',
templateUrl: './sign-page.component.html',
styles: []
})
export class SignPageComponent {
public file: File;
public fileChange(event): void {
this.file = event.target.files[0];
const hash = sha256(this.file);
console.log(hash.toString());
}
}
更新: 这是在创建哈希之前登录this.file所得到的。
File
lastModified: 1603727900290
lastModifiedDate: Mon Oct 26 2020 16:58:20 GMT+0100 (Central European Standard Time) {}
name: "sample.pdf"
size: 3028
type: "application/pdf"
webkitRelativePath: ""
__proto__: File
答案 0 :(得分:3)
您可以使用FileReader
来读取文件并根据其内容创建哈希。
尽管我不确定为什么它会生成相同的哈希,但是我想它与某些内部方法(如toString()
)有关,这些内部方法为任何event.target.files[0]
返回相同的字符串。
fileChange = (event) => {
var file = event.target.files[0];
const fileReader = new FileReader();
fileReader.addEventListener('loadend', (evt) => {
if (evt.target.readyState == FileReader.DONE) {
const hash = CryptoJS.SHA256(fileReader.result);
console.log(hash.toString());
}
});
fileReader.readAsDataURL(file);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<input type="file" #fileInput onchange="fileChange(event)" />