主页 / 问题 / 659957
Accepted
Eugen Eray
Asked:2020-04-29 17:06:48 +0000 UTC2020-04-29 17:06:48 +0000 UTC

SHA512 中的哈希值在 jQuery 中没有废话

  • 772

是否有可能SHA512在没有大量函数、循环和东西的情况下在 jQuery 中获取字符串的哈希值。例如，我需要散列一个字符串：

input {width: 300px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<input type="text" id="password" placeholder="ВВЕДИТЕ ЧТО-НИБУДЬ"/><button id="act">Конвертнуть</button>
<br/>
<input type="text" disabled id="hashOutput" placeholder="SHA512 хеш введенной строки"/>

按下按钮时在第一个字段中输入Конвертнуть。如何尽可能简单和合乎逻辑地做到这一点？

javascript

2 个回答

  1. Best Answer

    通过将库添加到项目来包含jsSHA库

    <script type="text/javascript" src="/path/to/sha.js"></script>

    通过cdn

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsSHA/2.2.0/sha512.js"></script>

    或通过安装npm 

    npm install jssha
jsSHA = require("jssha");

    然后打电话

    var shaObj = new jsSHA("SHA-512", "TEXT");
shaObj.update("This is a ");
shaObj.update("test");
var hash = shaObj.getHash("HEX");


    var shaObj = new jsSHA("SHA-512", "TEXT");
shaObj.update("This is a ");
shaObj.update("test");
var hash = shaObj.getHash("HEX");
$("#res").text(hash);
    <html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsSHA/2.2.0/sha.js"></script>

<body>
 <div id="res"></div>
</body>

</html>

    • 2

  2. 您可以使用SubtleCrypto中的原生 JavaScript 函数：

    text.onkeyup = function()
{
  let str = text.value;
  let str_bytes = new TextEncoder().encode(str);
  
  let hash_promise = crypto.subtle.digest("SHA-512", str_bytes);

  hash_promise.then(function(hash_buffer)
  {
    let hash_bytes = new Uint8Array(hash_buffer);
    
    let hash_hex = Array.prototype.map.call(hash_bytes, x => ("00" + x.toString(16)).slice(-2)).join('');
    
    result.innerText = hash_hex;
  });
}
    <form>
  <input id="text" type="text" placeholder="Текст для хеширования">
</form>

<br>

<div id="result"></div>

    浏览器支持

    • 0

相关问题