javascript 怎么加密文件

加密文件是一种安全措施，用于保护数据不被未授权的用户访问。在JavaScript中，常见的加密文件的方法有使用密码学库、Web Cryptography API等技术实现。其中，CryptoJS是最受欢迎的用于JavaScript的加密库之一。它提供了多种加密算法如AES、DES、Triple DES、Rabbit、RC4、HMAC SHA1、HMAC SHA256等，以及用于处理加密和解密功能的API。这些加密库能够有效地对文件内容进行加密，进而保护其内容的安全性。

一、引入密码学库

第一步让JavaScript拥有加密文件的能力，我们需要引入一个密码学库。CryptoJS 是一个纯JavaScript编写的加密标准库，它支持多种加密算法和编码。要在你的 JavaScript 项目中使用它，你可以通过CDN链接或是npm安装到你的项目中。

引入库

<!-- 通过CDN链接 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>

或

# 通过npm安装 npm install crypto-js

在项目文件中导入：

const CryptoJS = require("crypto-js");

基础使用

一旦密码学库被引进项目中，我们可以通过如下方式对一个字符串进行加密：

var message = "This is a secret message";
var key = "my-secret-key";
var encrypted = CryptoJS.AES.encrypt(message, key).toString();
var decrypted = CryptoJS.AES.decrypt(encrypted, key).toString(CryptoJS.enc.Utf8);

二、使用Web Cryptography API

Web Cryptography API 提供了一套底层的API，允许开发者直接在 web 应用中执行密码学操作，包括加密、解密和签名等。不过，它的兼容性和易用性相对CryptoJS来说要复杂一些。

创建加密环境

在使用Web Cryptography API加密文件之前，首先我们需要生成密钥：

window.crypto.subtle.generateKey(
  {
    name: "AES-GCM",
    length: 256,
  },
  true,
  ["encrypt", "decrypt"]
).then(function(key){
    // 使用生成的键进行加密/解密
});

执行加密操作

有了密钥，我们就可以对数据进行加密：

window.crypto.subtle.encrypt(
  {
    name: "AES-GCM",
    iv: window.crypto.getRandomValues(new Uint8Array(12))
  },
  key, // 密钥需要从generateKey步骤获得
  new TextEncoder().encode("要加密的文件数据") // ArrayBuffer of data you want to encrypt
)
.then(function(encrypted){
    // 处理加密的数据
})
.catch(function(err){
    console.error(err);
});

三、文件读取与准备

为了加密文件，需要首先读取文件内容。在网页中通常使用 HTML 的 <input type="file"> 元素让用户选取文件，然后通过FileReader API读取文件内容。

文件选择和读取

首先，在 HTML 中添加一个文件输入元素：

<input type="file" id="file-input">

在 JavaScript 中添加文件读取逻辑：

var fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event){
    var arrayBuffer = event.target.result;
    // 接下来可以对这个arrayBuffer进行加密操作
  };
  reader.readAsArrayBuffer(file);
});

四、实现文件加密

文件读取之后，我们需要对其进行加密处理。然后，可以将加密后的数据提供给用户下载或保存至服务器。

加密并提供下载

结合前面提到的加密方法，我们就可以对读取的文件内容进行加密：

reader.onload = function(event){
  var arrayBuffer = event.target.result;
  var key = CryptoJS.enc.Utf8.parse('my-secret-key'); // 密钥
  var wordArray = CryptoJS.lib.WordArray.create(arrayBuffer);
  var encrypted = CryptoJS.AES.encrypt(wordArray, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
  });
  // 创建一个Blob对象，用户可以将它保存为文件
  var blob = new Blob([encrypted.toString()], { type: 'text/plAIn' });
  var url = window.URL.createObjectURL(blob);
  var a = document.createElement('a');
  a.href = url;
  a.download = 'encrypted_file.txt'; // 设定下载文件名
  document.body.appendChild(a);
  a.click();
  window.URL.revokeObjectURL(url);
  document.body.removeChild(a);
};

在上述代码中，我们通过CryptoJS库使用AES算法的加密功能将读取的文件内容进行加密，然后创建一个新的Blob对象，用户可以保存这个Blob对象为文件。

五、文件解密

文件加密后，相应地也需要提供解密功能用于访问文件原始内容。

解密过程

为了解密，我们需要执行与加密相反的操作：

// 假设 encryptedData 是我们从服务器或用户下载的加密文件内容
var encryptedData = ...; 
var key = CryptoJS.enc.Utf8.parse('my-secret-key'); // 必须与加密时使用的密钥相同
var decrypted = CryptoJS.AES.decrypt(encryptedData, key, {
  mode: CryptoJS.mode.ECB,
  padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
// 解密后的内容
console.log(decrypted);

确保解密时使用的密钥（key）和加密时的密钥相同。解密操作用回CryptoJS库，解密结果转换为Utf8格式就可以得到原始内容。