• vue引入sm-crypto通过sm4对文件进行加解密,用户输入密码


    文件加密并保存:

    1. import { sm4 } from 'sm-crypto'
    2. fetch("你的文件地址") .then(response => response.blob()) .then(byteStream => {
    3.         const reader2 = new FileReader();
    4.         reader2.onload = function(event) {
    5.             const arrayBuffer = event.target.result;
    6.             let keyBytes = new Uint8Array(arrayBuffer);
    7.             let password = stringToHex("用户输入的密码");
    8.             let code = sm4.encrypt(keyBytes,password, {output: 'array'})  
    9.             let byteStream1 = new Blob([code], { type: 'application/octet-stream' });
    10.             let link = document.createElement('a');
    11.             link.href = URL.createObjectURL(byteStream1);
    12.             link.download = "你保存的文件名";
    13.             document.body.appendChild(link);
    14.             link.click();
    15.             document.body.removeChild(link);
    16.         };
    17.         // 以ArrayBuffer形式读取文件
    18.         reader2.readAsArrayBuffer(byteStream);
    19.       })
    20. function stringToHex(str) {
    21. let hex = '';
    22. for (let i = 0; i < str.length; i++) {
    23. hex += str.charCodeAt(i).toString(16);
    24. }
    25. // 如果转换后的16进制字符串长度不足32,则在前面填充0
    26. while (hex.length < 32) {
    27. hex = '0' + hex;
    28. }
    29. return hex;
    30. }

    读取文件并解密:

    1. "file" id="keyInput" accept="*" @change="readKeyFile" />
    2. function readKeyFile() {
    3. const keyInput = document.getElementById('keyInput');
    4. const file = keyInput.files[0];
    5. const reader = new FileReader();
    6. reader.onload = function(event) {
    7. const arrayBuffer = event.target.result;
    8. let plainByte = JSON.parse("["+arrayBuffer+"]");
    9. let password = stringToHex("用户输入的密码");
    10. try{
    11. let pBytes = sm4.decrypt(plainByte,password, {output: 'array'});
    12. let prBytes = arrayToBuffer(pBytes);
    13. privateKeyBytes = new Uint8Array(prBytes);
    14. }catch(e){
    15. alert('文件或密码错误');
    16. return;
    17. }
    18. let decoder = new TextDecoder();
    19. let alltext = decoder.decode(privateKeyBytes);
    20. console.log(alltext)//你的文件内容
    21. };
    22. // 读取文件
    23. reader.readAsText(file);
    24. }
    25. function stringToHex(str) {
    26. let hex = '';
    27. for (let i = 0; i < str.length; i++) {
    28. hex += str.charCodeAt(i).toString(16);
    29. }
    30. // 如果转换后的16进制字符串长度不足32,则在前面填充0
    31. while (hex.length < 32) {
    32. hex = '0' + hex;
    33. }
    34. return hex;
    35. }
    36. function arrayToBuffer(arr) {
    37. let buffer = new ArrayBuffer(arr.length);
    38. let view = new Uint8Array(buffer);
    39. for (let i = 0; i < arr.length; i++) {
    40. view[i] = arr[i];
    41. }
    42. return buffer;
    43. }

  • 相关阅读:
    文件名批量重命名,支持中英文翻译,提高效率
    Macbook pro M1使用免费的方法读写NTFS的折腾之路
    Docker 入门 (详细命令讲解)
    论文笔记:Time-LLM: Time Series Forecasting by Reprogramming Large Language Models
    程序需要的代码
    食品行业报告:辣椒市场现状研究分析与发展前景预测
    “鹅宝计划”,天鹅到家“以奋斗者为本”的时代缩影
    前端环境搭建指南-自用
    python学习(一) 列表,元组,字典,集合的区别
    【设计模式】一、设计模式七大原则
  • 原文地址:https://blog.csdn.net/cc1314_/article/details/140369655