0

0

Web Crypto API实现安全大文件上传:RSA与AES混合加密教程

霞舞

霞舞

发布时间:2025-10-11 13:34:33

|

955人浏览过

|

来源于php中文网

原创

Web Crypto API实现安全大文件上传:RSA与AES混合加密教程

在web应用中,直接使用rsa-oaep加密大文件会导致operationerror,因为rsa算法设计上不适合处理大容量数据。本文将详细介绍一种安全的混合加密方案:利用aes-gcm高效加密文件内容,再使用rsa-oaep加密aes密钥,最终实现大文件的安全上传。这种方法兼顾了加密效率与安全性,是处理客户端文件加密上传的推荐实践。

理解RSA加密的局限性

当尝试使用Web Crypto API的SubtleCrypto接口,通过RSA-OAEP算法直接加密一个文件(表现为ArrayBuffer)时,开发者可能会遇到OperationError: The operation failed for an operation-specific reason。然而,如果加密的是一个短字符串,相同的代码却能成功执行。这并非API的缺陷,而是RSA算法的固有特性所致。

RSA是一种非对称加密算法,其主要优势在于密钥交换和数字签名,而非大量数据加密。RSA-OAEP(Optimal Asymmetric Encryption Padding)填充方案在加密时会增加数据长度,并且加密的数据大小受到密钥模长(modulusLength)的严格限制。例如,对于一个4096位的RSA密钥,其可加密的最大明文长度远小于4096位,通常为密钥模长减去填充和哈希所需的字节数,即 modulusLength / 8 - 2 * hashSize - 2 字节。对于SHA-256哈希,这意味着最大加密长度约为 (4096/8) - 2*32 - 2 = 512 - 64 - 2 = 446 字节。显然,这个容量对于普通文件来说是远远不够的。

混合加密方案:RSA与AES的协同

为了安全且高效地加密大文件,业界普遍采用混合加密方案。其核心思想是:

  1. 使用对称加密算法(如AES-GCM)加密文件内容: 对称加密算法(如AES)在处理大量数据时效率极高,且加密后的数据大小与原始数据相近。每次加密时,都会生成一个新的随机密钥。
  2. 使用非对称加密算法(如RSA-OAEP)加密对称密钥: 对称密钥通常很短(如128位、256位),非常适合RSA加密。这样,只有拥有RSA私钥的接收方才能解密出对称密钥。
  3. 传输加密文件、加密对称密钥和初始化向量(IV): 接收方先用自己的RSA私钥解密得到对称密钥,再用对称密钥和IV解密文件内容。

这种方案结合了RSA的密钥交换安全性与AES的高效数据加密能力,是Web Crypto API中处理大文件加密上传的推荐方法。

客户端实现步骤与代码示例

以下是客户端实现混合加密并上传文件的详细步骤和相应的JavaScript代码:

1. 获取RSA公钥

首先,客户端需要从服务器获取用于加密AES密钥的RSA公钥。通常以JWK(JSON Web Key)格式传输。

Andi
Andi

智能搜索助手,可以帮助解决详细的问题

下载
async function importRSAPublicKey(jwkString) {
    try {
        const jwk = JSON.parse(atob(jwkString)); // 服务器可能将JWK进行Base64编码
        const importedKey = await window.crypto.subtle.importKey(
            "jwk",
            jwk,
            {
                name: "RSA-OAEP",
                hash: "SHA-256",
            },
            true, // extractable: true if you need to export it later, otherwise false
            ["encrypt"]
        );
        return importedKey;
    } catch (error) {
        console.error("Failed to import RSA public key:", error);
        throw error;
    }
}

2. 生成AES密钥和初始化向量(IV)

每次加密文件时,都应生成一个新的随机AES密钥和IV,以增强安全性。

async function generateAESKey() {
    return await window.crypto.subtle.generateKey(
        {
            name: "AES-GCM",
            length: 256, // 256-bit AES key
        },
        true, // extractable
        ["encrypt", "decrypt"]
    );
}

function generateIV() {
    return window.crypto.getRandomValues(new Uint8Array(12)); // AES-GCM recommended IV length is 12 bytes
}

3. 使用AES-GCM加密文件内容

将文件读取为ArrayBuffer,然后使用生成的AES密钥和IV进行加密。

async function encryptFileWithAES(fileBuffer, aesKey, iv) {
    try {
        const encryptedContent = await window.crypto.subtle.encrypt(
            {
                name: "AES-GCM",
                iv: iv,
            },
            aesKey,
            fileBuffer
        );
        return new Uint8Array(encryptedContent);
    } catch (error) {
        console.error("Failed to encrypt file with AES:", error);
        throw error;
    }
}

4. 使用RSA-OAEP加密AES密钥

将AES密钥导出为可传输的格式(如JWK),然后使用RSA公钥对其进行加密。

async function encryptAESKeyWithRSA(aesKey, rsaPublicKey) {
    try {
        const exportedAesKey = await window.crypto.subtle.exportKey("jwk", aesKey);
        const aesKeyBuffer = new TextEncoder().encode(JSON.stringify(exportedAesKey));

        const encryptedAesKey = await window.crypto.subtle.encrypt(
            { name: "RSA-OAEP" },
            rsaPublicKey,
            aesKeyBuffer
        );
        return new Uint8Array(encryptedAesKey);
    } catch (error) {
        console.error("Failed to encrypt AES key with RSA:", error);
        throw error;
    }
}

5. 组合并上传加密数据

将加密后的文件内容、加密后的AES密钥以及IV打包发送到服务器。为了方便传输,这些二进制数据通常会被Base64编码

document.getElementById("input").addEventListener('change', async event => {
    if (event.target.files[0]) {
        const file = event.target.files[0];

        try {
            // 1. 读取文件内容
            const fileBuffer = await file.arrayBuffer();

            // 2. 获取RSA公钥
            const res = await fetch("/key");
            const exportedRsaJwk = await res.text(); // 假设服务器返回Base64编码的JWK
            const rsaPublicKey = await importRSAPublicKey(exportedRsaJwk);

            // 3. 生成AES密钥和IV
            const aesKey = await generateAESKey();
            const iv = generateIV();

            // 4. 使用AES加密文件内容
            const encryptedFileContent = await encryptFileWithAES(fileBuffer, aesKey, iv);

            // 5. 使用RSA加密AES密钥
            const encryptedAesKey = await encryptAESKeyWithRSA(aesKey, rsaPublicKey);

            // 6. 准备上传数据
            // 将二进制数据转换为Base64字符串以便传输
            const ivBase64 = btoa(String.fromCharCode.apply(null, iv));
            const encryptedAesKeyBase64 = btoa(String.fromCharCode.apply(null, encryptedAesKey));
            const encryptedFileContentBase64 = btoa(String.fromCharCode.apply(null, encryptedFileContent));

            const uploadPayload = {
                encryptedAesKey: encryptedAesKeyBase64,
                iv: ivBase64,
                encryptedFileContent: encryptedFileContentBase64,
                fileName: file.name,
                fileType: file.type
            };

            // 7. 上传到服务器
            await fetch(`/upload`, {
                method: "POST",
                headers: {
                    "Content-Type": "application/json"
                },
                body: JSON.stringify(uploadPayload)
            });

            console.log("File uploaded successfully with hybrid encryption!");

        } catch (error) {
            console.error("File upload failed:", error);
            alert("文件上传失败:" + error.message);
        }
    }
});

注意事项与最佳实践

  • IV(初始化向量)的传输: IV不是秘密,但必须是随机的,且每次加密都不同。它与密文一起传输,用于解密。确保IV是唯一的,并且在传输过程中与密文关联。
  • 数据编码: 当通过HTTP请求体传输二进制数据时,通常需要将其编码为Base64字符串。在服务器端接收后,需要解码回ArrayBuffer或Uint8Array进行处理。
  • 服务器端解密: 服务器接收到数据后,需要:
    1. 使用其RSA私钥解密encryptedAesKey,获取AES密钥的JWK字符串。
    2. 导入AES密钥JWK,得到CryptoKey对象。
    3. 使用该AES密钥和传输过来的IV解密encryptedFileContent。
  • 错误处理: 在实际应用中,应包含健壮的错误处理机制,例如网络请求失败、密钥导入失败、加密失败等。
  • 安全性考量: 确保RSA公钥是通过安全通道获取的,防止中间人攻击。同时,服务器端的RSA私钥应妥善保管。
  • 文件大小限制: 尽管AES可以处理大文件,但浏览器和服务器对上传文件的大小仍有其自身的限制。

总结

通过结合RSA-OAEP和AES-GCM,我们能够克服RSA算法在处理大文件时的局限性,实现高效且安全的客户端文件加密上传。这种混合加密方案是Web Crypto API在实际应用中处理敏感大文件时的标准做法,确保了数据在传输过程中的机密性。理解并正确实施这一模式,对于构建安全的Web应用程序至关重要。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

558

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

416

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

756

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

479

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

514

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

1091

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

659

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

554

2023.09.20

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

25

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号