Javascript加密文件上传

Javascript Encrypted File Upload

本文关键字：文件 加密 Javascript      更新时间：2023-09-26

是否有办法使用javascript或ajax加密文件上传，如果是这样，你能给我一个例子或链接到工作示例?

答案是肯定的，有一种方法可以使用javascript或ajax加密文件上传。您可以使用浏览器中内置本机支持的标准Web API:使用标准File API和WebCrypto API从文件系统中获取文件并对其进行实际加密，同时使用索引数据库API (indexedDB)(如果您愿意)将加密的文件存储在浏览器的客户端。上传文件，加密，计算哈希值并使用indexedDB存储结果是一个很好的简单示例。

如何做的简短总结

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

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

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

  2. 定义一个接受加密密钥的函数;在函数内:

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

使用HTTPS URL上传文件，浏览器会自动加密传输数据。

(这假设您想要保护传输中的文件，而不是试图保护文件不受服务器上具有管理员权限的人的访问)

相关文章：