当前位置:   article > 正文

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

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. <input type="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. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/神奇cpp/article/detail/826528
推荐阅读
  

闽ICP备14008679号