怎么在HTML中通过crypto.subtle.digest计算数据的SHA-256哈希摘要值-html教程-PHP中文网

crypto.subtle.digest 返回 promise 因其为异步操作，依赖加密硬件或系统级计算，浏览器强制要求异步处理；需 await 或 .then 获取 arraybuffer，输入须为 uint8array（如 textencoder.encode），算法名大小写敏感，且仅限安全上下文（https/localhost）。

怎么在html中通过crypto.subtle.digest计算数据的sha-256哈希摘要值

crypto.subtle.digest 为什么返回 Promise 而不是直接结果

因为 crypto.subtle.digest 是异步操作，底层涉及加密硬件或系统级哈希计算，浏览器强制要求它返回 Promise。直接写 digest('SHA-256', data) 会得到一个 pending 的 Promise，不 await 或 .then 就拿不到 ArrayBuffer。

常见错误现象：控制台打印出 Promise {<pending>}</pending>，或者尝试用 .toString() 报错 “ArrayBuffer has no toString method”。

必须用 await（在 async 函数内）或 .then() 处理返回值
输入数据必须是 Uint8Array，不能直接传字符串或 Blob（需先编码）
算法名大小写敏感，'SHA-256' 正确，'sha256' 或 'SHA256' 会抛 OperationError

如何把字符串正确转成 Uint8Array 传给 digest

JavaScript 字符串是 UTF-16 编码，而哈希需要字节序列。直接用 TextEncoder 是最可靠方式 —— 它生成标准 UTF-8 字节流，和大多数后端哈希行为一致。

别用 str.split('').map(c => c.charCodeAt(0)) 或 unescape(encodeURIComponent())，这些可能产生错误的字节序列，尤其含 emoji 或中文时。

Rotki Crypto Tracker

自托管加密货币组合追踪，自动聚合多交易所及链上钱包，实时计算损益并生成税务报告。

下载

const encoder = new TextEncoder(); const uint8 = encoder.encode('hello');
如果处理的是 Base64 字符串，先用 atob() 解码为原始字节，再用 Uint8Array.from(atob(str), c => c.charCodeAt(0))
如果是 File 或 Blob，用 file.arrayBuffer().then(buf => new Uint8Array(buf))

拿到 ArrayBuffer 后怎么转成常见的十六进制字符串

crypto.subtle.digest 返回的是 ArrayBuffer，不是可读字符串。要转成 64 位小写十六进制（如 a591a6d40bf420404a011733cfb7b190d62c65bf0bcda32b57b277d9ad9f146e），得手动遍历字节。

没有内置方法，但逻辑很固定：用 Uint8Array 视图读取每个字节，.toString(16).padStart(2, '0') 补零拼接。

const hashBuffer = await crypto.subtle.digest('SHA-256', uint8);
const hashArray = Array.from(new Uint8Array(hashBuffer));
const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
// → "a591a6d40bf420404a011733cfb7b190d62c65bf0bcda32b57b277d9ad9f146e"