JS加密文件的原理与实践应用

引言

在Web开发中，有时我们需要在客户端对文件进行加密，例如上传前保护用户隐私数据、防止传输过程中的窃听，或者实现离线文件的安全存储。JavaScript作为浏览器端的主要语言，提供了多种加密API，但也面临密钥管理和安全性的挑战。本文将系统介绍JS加密文件的常用方法、代码示例以及注意事项。

核心技术

1. 对称加密（AES）

对称加密使用相同的密钥进行加密和解密，速度快，适合大文件。Web Crypto API 提供了 AES-CBC 和 AES-GCM 模式。以下是一个使用 AES-GCM 加密文件的示例：

async function encryptFile(plaintext, password) {
  const encoder = new TextEncoder();
  const data = encoder.encode(plaintext);
  const keyMaterial = await crypto.subtle.importKey(
    'raw',
    encoder.encode(password),
    { name: 'PBKDF2' },
    false,
    ['deriveKey']
  );
  const key = await crypto.subtle.deriveKey(
    { name: 'PBKDF2', salt: crypto.getRandomValues(new Uint8Array(16)), iterations: 100000, hash: 'SHA-256' },
    keyMaterial,
    { name: 'AES-GCM', length: 256 },
    true,
    ['encrypt']
  );
  const iv = crypto.getRandomValues(new Uint8Array(12));
  const encrypted = await crypto.subtle.encrypt(
    { name: 'AES-GCM', iv },
    key,
    data
  );
  // 返回 iv + 加密数据，供后续解密
  return { iv, encrypted: new Uint8Array(encrypted) };
}

2. 非对称加密（RSA）

非对称加密使用公钥加密、私钥解密，适用于小数据或密钥交换。RSA-OAEP 是推荐方案。示例：

async function rsaEncrypt(data, publicKey) {
  const encoder = new TextEncoder();
  const encrypted = await crypto.subtle.encrypt(
    { name: 'RSA-OAEP' },
    publicKey,
    encoder.encode(data)
  );
  return new Uint8Array(encrypted);
}

3. 哈希与完整性验证

SHA-256 可用于验证文件完整性。结合加密，可以确保数据未被篡改。

实际应用场景

• 文件上传前加密：用户敏感文件在本地加密后再传输，服务器端使用预共享密钥解密。
• 离线文件保护：将加密后的文件存储于本地，使用时密码解密。
• 数字签名：对文件哈希进行签名，验证来源。

安全注意事项

1. 密钥管理：前端密钥暴露给用户，无法真正保密。建议用于临时保护或结合后端密钥协商。
2. HTTPS重要性：加密应在HTTPS基础上进行，防止MITM攻击。
3. 避免使用弱算法：如ECB模式、低迭代次数的PBKDF2。

未来趋势

随着WebAssembly的普及，可以将现有C/C++加密库（如OpenSSL）引入浏览器，获得更高性能和更丰富的算法支持。同时，Web Crypto API也在不断完善，未来可能支持更多模式。

结语

JS加密文件是前端安全的重要组成部分，但必须清醒认识其局限性。合理结合后端处理、用户教育及安全协议，才能在保护数据的同时提供良好的用户体验。希望本文能帮助你安全地实现客户端文件加密。