Javascript Queria saber como converter uma string para md5 e base64!

[Gabriel_fer]

<h1>Conversor de String</h1>

    <input type="text" id="String" placeholder="String" name="s" value="" />

    <input type="text" id="md5" placeholder="md5" name="m" value="" />

    <input type="text" id="base64" placeholder="base64" name="b" value=""/>

    <button id="convert">Converter</button>
    <button id="clear">Resetar</button>
</div>
<script src="js/md5.min.js">
    document.getElementById('convert').onclick = StringConvert;
    document.getElementById('clear').onclick = clearForm;

        function StringConvert(){
            var string = document.getElementById("String").value;
            var md5 = document.getElementById("md5").value;
            var base64 = document.getElementById("base64").value;
            
            
        }



function clearForm(){
    document.getElementById("String").value = "";
    document.getElementById("md5").value = "";
    document.getElementById("base64").value = "";
}
</script>

<h1>Conversor de String</h1>

 

    <input type="text" id="String" placeholder="String" name="s" value="" />

 

    <input type="text" id="md5" placeholder="md5" name="m" value="" />

 

    <input type="text" id="base64" placeholder="base64" name="b" value=""/>

 

    <button id="convert">Converter</button>

    <button id="clear">Resetar</button>

</div>

<script src="js/md5.min.js">

    document.getElementById('convert').onclick = StringConvert;

    document.getElementById('clear').onclick = clearForm;

 

        function StringConvert(){

            var string = document.getElementById("String").value;

            var md5 = document.getElementById("md5").value;

            var base64 = document.getElementById("base64").value;

           

           

        }

 

function clearForm(){

    document.getElementById("String").value = "";

    document.getElementById("md5").value = "";

    document.getElementById("base64").value = "";

}

</script>

[Rui Guilherme]

Antes de mais nada: não é recomendado o uso de md5 para sistemas reais, caso queira armazenar senhas, use o bcrypt.

 

Atualmente dentro do JavaScript não existe uma forma nativa de converter uma string para md5, apenas SHA-1/256/384/512 usando o digest

Exemplo:

const text = 'An obscure body in the S-K System, your majesty. The inhabitants refer to it as the planet Earth.';

async function digestMessage(message) {
  const msgUint8 = new TextEncoder().encode(message)
  const hashBuffer = await crypto.subtle.digest('SHA-256', msgUint8)
  const hashArray = Array.from(new Uint8Array(hashBuffer))
  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('')
  return hashHex
}

digestMessage(text)
  .then(digestHex => console.log(digestHex))

https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest

 

Para MD5 você precisa criar um hash próprio ou usar alguma biblioteca, eu particularmente recomendo você usar a crypto que resolve todos os seus problemas com hashs(MD5,SHA-1/3,SHA256/224/512/384,SHA-25,RC4,Rabbit,AES,DES,PBKDF2,HMAC,OFB,CFB,CTR,CBC,Base64...):
https://www.npmjs.com/package/crypto-js

 

 

Já para Base64 você precisa optar pelo btoa e atob que funcionam perfeitamente em todos os navegadores ou usar o crypto.

Exemplo:

function utf8_to_b64( str ) {
  return window.btoa(unescape(encodeURIComponent( str )));
}

function b64_to_utf8( str ) {
  return decodeURIComponent(escape(window.atob( str )));
}

// Usage:
utf8_to_b64('✓ à la mode'); // "4pyTIMOgIGxhIG1vZGU="
b64_to_utf8('4pyTIMOgIGxhIG1vZGU='); // "✓ à la mode"

https://developer.mozilla.org/en-US/docs/Glossary/Base64.