Javascript加密文件上传

Question

有没有办法使用 javascript 或 ajax 来加密文件上传，如果可以，您能给我一个示例或工作示例的链接吗？

Answer 1

答案是肯定的，有一种方法可以使用 javascript 或 ajax 来加密文件上传。您可以使用在浏览器中具有内置 native 支持的标准 Web API:使用标准 File API和 WebCrypto API从你的文件系统中获取文件并实际加密它——连同 Indexed Database API (indexedDB) (如果需要)将加密文件存储在客户端的浏览器中。 Upload a file, encrypt it, calculate the hash and store the results using indexedDB 是一个很好的带有工作代码的简单示例.

如何做的简短总结

第一步只是在您的 HTML 中创建一个 input type=file 元素的正常步骤，并将一个函数绑定(bind)到它以从您的文件系统获取文件并对其进行处理；例如，使用 onsubmit="my_file_handler"。

之后，在您的 my_file_handler(或任何名称)函数中:

1. 使用 .files[…] 从中获取输入文件。

2. 定义一个接受加密 key 的函数；在该函数内:

   • 创建一个新的 FileReader 对象并使用例如 .readAsArrayBuffer(…) 来加载文件
   • 使用crypto.subtle创建一个新的 SubtleCrypto对象
   • 使用.digest(…)使用那个 SubtleCrypto 对象，然后是 crypto.subtle.encrypt(…)使用该 key 实际加密文件
   • 使用 indexedDB.open(...) 和 friend 打开与数据库的连接并将加密文件放入其中。
3. 使用.importKey(…)获取 key 并在其上调用步骤 #2 中的函数以使用它处理输入文件并使用 indexedDB 存储它。