用js加密本地文件

使用JavaScript加密本地文件通常是指在前端应用中，通过JavaScript代码对用户选择的本地文件进行加密处理。以下是关于这个问题的基础概念、优势、类型、应用场景以及如何实现加密的详细解答：

基础概念

文件加密是指通过加密算法将文件内容转换为不可读的密文，以防止未经授权的访问。解密是加密的逆过程，只有拥有正确密钥的人才能将密文还原为原始数据。

优势

数据保护：确保敏感信息不被未授权访问。
隐私保护：用户可以控制谁可以看到他们的文件内容。
合规性：对于某些行业，如金融、医疗，加密是满足法规要求的一部分。

类型

对称加密：加密和解密使用相同的密钥，如AES（高级加密标准）。
非对称加密：加密和解密使用不同的密钥，如RSA。

应用场景

云存储：在上传到云服务之前加密文件，确保即使云服务提供商也无法访问文件内容。
数据传输：在客户端之间安全地传输文件。
本地存储：在用户的设备上安全地存储敏感数据。

如何实现加密

在JavaScript中，可以使用Web Crypto API来实现文件的加密。以下是一个简单的示例，展示如何使用AES-GCM算法加密文件：

async function encryptFile(file, key) {
  const encoder = new TextEncoder();
  const data = await file.arrayBuffer();
  const iv = crypto.getRandomValues(new Uint8Array(12)); // 初始化向量
  const cryptoKey = await crypto.subtle.importKey(
    "raw",
    key,
    { name: "AES-GCM" },
    false,
    ["encrypt"]
  );
  const encrypted = await crypto.subtle.encrypt(
    {
      name: "AES-GCM",
      iv: iv,
    },
    cryptoKey,
    data
  );

  // 返回加密后的数据和iv，以便解密时使用
  return {
    encryptedData: new Uint8Array(encrypted),
    iv: iv,
  };
}

// 使用示例
const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', async (event) => {
  const file = event.target.files[0];
  const key = encoder.encode('my-secret-key-123'); // 密钥可以是用户输入或生成
  const encryptedFile = await encryptFile(file, key);
  // 现在你可以将encryptedFile.encryptedData和encryptedFile.iv保存或传输
});