Java与JavaScript跨平台AES文件加解密不兼容问题

看起来你卡在了Java和JavaScript跨平台文件AES加解密的兼容性问题上——文本能成功但文件完全失效，而且JS解密后还没有输出，其实核心是两端的二进制数据处理逻辑没对齐，我帮你一步步解决：

1. 先解决JavaScript端的核心错误 #

你的JS代码在文件读取、加密解密的格式处理上有两个致命问题：

• 加密时用readAsDataURL把文件转成带前缀的Base64字符串，和Java直接加密原始二进制的逻辑不匹配
• 解密时用readAsText读取二进制加密文件，导致编码混乱，解密自然失败；而且CryptoJS解密后的WordArray没有正确转成可使用的二进制数据

修正后的JS代码：

<input type="file" id="file-input" onchange="handleFile(this)">
<button onclick="useEncryptionForFile()" id="encrypt-file">Encrypt File</button>
<button onclick="useDecryptionForFile()" id="decrypt-file">Decrypt File</button>
<textarea id="output"></textarea>
<img id="example">
<script>
let key = "ThisIsMyGreatKey";
let iv = "ABCDEFGHabcdefgh";
let useEncryption, useDecryption;
let input = document.getElementById("file-input");
let output = document.getElementById("output");
let example = document.getElementById("example");

// 辅助工具：把CryptoJS的WordArray转成Blob用于下载/预览
function wordArrayToBlob(wordArray) {
    const arrayOfWords = wordArray.words || [];
    const length = wordArray.sigBytes || arrayOfWords.length * 4;
    const uInt8Array = new Uint8Array(length);
    let index = 0;
    for (let i = 0; i < length; i++) {
        const word = arrayOfWords[i];
        uInt8Array[index++] = word >> 24;
        uInt8Array[index++] = (word >> 16) & 0xff;
        uInt8Array[index++] = (word >> 8) & 0xff;
        uInt8Array[index++] = word & 0xff;
    }
    return new Blob([uInt8Array], {type: 'application/octet-stream'});
}

function handleFile(element) {
    if (element.files && element.files[0]) {
        let file = element.files[0];
        useDecryption ? decryptFile(file) : encryptFile(file);
    }
}

function encryptFile(file) {
    let reader = new FileReader();
    reader.onload = function (e) {
        // 读取原始二进制数据，转成CryptoJS可处理的WordArray
        let fileData = CryptoJS.lib.WordArray.create(e.target.result);
        let encrypted = CryptoJS.AES.encrypt(fileData, CryptoJS.enc.Utf8.parse(key), { 
            iv: CryptoJS.enc.Utf8.parse(iv), 
            mode: CryptoJS.mode.CBC, 
            padding: CryptoJS.pad.Pkcs7 
        });
        // 转成Blob下载加密文件
        const blob = wordArrayToBlob(encrypted.ciphertext);
        const url = URL.createObjectURL(blob);
        let a = document.createElement("a");
        a.href = url;
        a.download = file.name + '.encrypted';
        a.click();
        URL.revokeObjectURL(url);
        output.textContent = "文件加密完成！";
    };
    reader.readAsArrayBuffer(file); // 读取原始二进制数组，和Java逻辑对齐
}

function decryptFile(file) {
    let reader = new FileReader();
    reader.onload = function (e) {
        // 读取加密后的二进制数据，转成WordArray
        let encryptedData = CryptoJS.lib.WordArray.create(e.target.result);
        let decrypted = CryptoJS.AES.decrypt(
            { ciphertext: encryptedData }, // 直接传入密文WordArray
            CryptoJS.enc.Utf8.parse(key), 
            { 
                iv: CryptoJS.enc.Utf8.parse(iv), 
                mode: CryptoJS.mode.CBC, 
                padding: CryptoJS.pad.Pkcs7 
            }
        );
        // 转成Blob处理解密后的文件
        const blob = wordArrayToBlob(decrypted);
        const url = URL.createObjectURL(blob);
        // 预览图片（如果是图片类型）
        if (file.type.startsWith('image/')) {
            example.src = url;
        }
        // 下载解密文件
        let a = document.createElement("a");
        a.href = url;
        a.download = file.name.replace('.encrypted', '');
        a.click();
        URL.revokeObjectURL(url);
        output.textContent = "文件解密完成！";
    };
    reader.readAsArrayBuffer(file); // 读取原始加密二进制，避免编码混乱
}

function useEncryptionForFile() {
    document.getElementById("encrypt-file").style.backgroundColor = "#757575";
    document.getElementById("decrypt-file").style.backgroundColor = "#FFFFFF";
    useEncryption = true;
    useDecryption = false;
}

function useDecryptionForFile() {
    document.getElementById("encrypt-file").style.backgroundColor = "#FFFFFF";
    document.getElementById("decrypt-file").style.backgroundColor = "#757575";
    useEncryption = false;
    useDecryption = true;
}
</script>

2. 对齐Java端的编码和健壮性 #

你的Java代码整体逻辑没问题，但有两个细节需要修正，确保和JS完全兼容：

• 显式指定UTF-8编码转字节数组（避免系统默认编码差异）
• 用缓冲区处理大文件，避免一次性读取整个文件到内存导致OOM

修正后的Java代码：

import javax.crypto.Cipher;
import javax.crypto.SecretKey;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.nio.charset.StandardCharsets;

public class Test {
    private SecretKey secretKey;
    private IvParameterSpec ivParameterSpec;
    private String key = "ThisIsMyGreatKey";
    private byte[] ivKey = "ABCDEFGHabcdefgh".getBytes(StandardCharsets.UTF_8);

    public static void main(String[] args) {
        try {
            new Test().run();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private void run() {
        ivParameterSpec = new IvParameterSpec(ivKey);
        // 显式指定UTF-8编码，和JS端的CryptoJS.enc.Utf8完全对齐
        secretKey = new SecretKeySpec(key.getBytes(StandardCharsets.UTF_8), "AES");
        // 加密示例
        encryptOrDecryptFile(Cipher.ENCRYPT_MODE, new File("src/cactus.jpg"), new File("src/cactus-encrypted.jpg"));
        // 可选：测试解密
        // encryptOrDecryptFile(Cipher.DECRYPT_MODE, new File("src/cactus-encrypted.jpg"), new File("src/cactus-decrypted.jpg"));
    }

    private void encryptOrDecryptFile(int mode, File inputFile, File outputFile) {
        // 使用try-with-resources自动关闭流
        try (FileInputStream inputStream = new FileInputStream(inputFile);
             FileOutputStream outputStream = new FileOutputStream(outputFile)) {

            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
            cipher.init(mode, secretKey, ivParameterSpec);

            // 8KB缓冲区处理大文件，避免内存溢出
            byte[] buffer = new byte[8192];
            int bytesRead;
            while ((bytesRead = inputStream.read(buffer)) != -1) {
                byte[] processed = cipher.update(buffer, 0, bytesRead);
                if (processed != null) {
                    outputStream.write(processed);
                }
            }
            // 处理最后一块数据
            byte[] finalBytes = cipher.doFinal();
            if (finalBytes != null) {
                outputStream.write(finalBytes);
            }

        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

3. 核心问题总结 #

• 数据格式对齐：Java直接处理二进制字节，JS之前用Data URL/文本读取导致格式完全不匹配，现在统一用原始二进制数组（ArrayBuffer/WordArray）处理
• 编码一致性：两端都显式用UTF-8转密钥/IV的字节数组，避免系统编码差异
• CryptoJS解密逻辑：解密时必须直接传入密文的WordArray，而不是字符串，否则会解析失败

这样修改后，Java加密的文件可以在JS中正常解密，JS加密的文件也能在Java中还原，完全实现跨平台兼容。

内容的提问来源于stack exchange，提问作者Jason