How to generate an MD5 file hash in JavaScript

Question

How to write functionToGenerateMD5hash for this code  I already have fileVideo and I need to send the corresponding md5 hash to the server by clicking on the button       someButton   click function     var fr   new FileReader          fr onload   function e                    string md5   functionToGenerateMD5hash e target result          send md5 here           fr readAsArrayBuffer fileVideo

User · Answer

If you don t want to use libraries or other things  you can use this native javascript approach    x000D   x000D  var MD5   function d  var r   M V Y X d  8 d length    return r toLowerCase    function M d  for var   m  0123456789ABCDEF  f    r 0 r lt d length r     d charCodeAt r  f  m charAt   gt  gt  gt 4 amp 15  m charAt 15 amp    return f function X d  for var   Array d length gt  gt 2  m 0 m lt   length m     m  0 for m 0 m lt 8 d length m  8   m gt  gt 5    255 amp d charCodeAt m 8   lt  lt m 32 return   function V d  for var      m 0 m lt 32 d length m  8    String fromCharCode d m gt  gt 5  gt  gt  gt m 32 amp 255  return   function Y d    d   gt  gt 5   128 lt  lt   32 d 14    64 gt  gt  gt 9 lt  lt 4     for var m 1732584193 f -271733879 r -1732584194 i 271733878 n 0 n lt d length n  16  var h m t f g r e i f md5 ii f md5 ii f md5 ii f md5 ii f md5 hh f md5 hh f md5 hh f md5 hh f md5 gg f md5 gg f md5 gg f md5 gg f md5 ff f md5 ff f md5 ff f md5 ff f r md5 ff r i md5 ff i m md5 ff m f r i d n 0  7 -680876936  f r d n 1  12 -389564586  m f d n 2  17 606105819  i m d n 3  22 -1044525330  r md5 ff r i md5 ff i m md5 ff m f r i d n 4  7 -176418897  f r d n 5  12 1200080426  m f d n 6  17 -1473231341  i m d n 7  22 -45705983  r md5 ff r i md5 ff i m md5 ff m f r i d n 8  7 1770035416  f r d n 9  12 -1958414417  m f d n 10  17 -42063  i m d n 11  22 -1990404162  r md5 ff r i md5 ff i m md5 ff m f r i d n 12  7 1804603682  f r d n 13  12 -40341101  m f d n 14  17 -1502002290  i m d n 15  22 1236535329  r md5 gg r i md5 gg i m md5 gg m f r i d n 1  5 -165796510  f r d n 6  9 -1069501632  m f d n 11  14 643717713  i m d n 0  20 -373897302  r md5 gg r i md5 gg i m md5 gg m f r i d n 5  5 -701558691  f r d n 10  9 38016083  m f d n 15  14 -660478335  i m d n 4  20 -405537848  r md5 gg r i md5 gg i m md5 gg m f r i d n 9  5 568446438  f r d n 14  9 -1019803690  m f d n 3  14 -187363961  i m d n 8  20 1163531501  r md5 gg r i md5 gg i m md5 gg m f r i d n 13  5 -1444681467  f r d n 2  9 -51403784  m f d n 7  14 1735328473  i m d n 12  20 -1926607734  r md5 hh r i md5 hh i m md5 hh m f r i d n 5  4 -378558  f r d n 8  11 -2022574463  m f d n 11  16 1839030562  i m d n 14  23 -35309556  r md5 hh r i md5 hh i m md5 hh m f r i d n 1  4 -1530992060  f r d n 4  11 1272893353  m f d n 7  16 -155497632  i m d n 10  23 -1094730640  r md5 hh r i md5 hh i m md5 hh m f r i d n 13  4 681279174  f r d n 0  11 -358537222  m f d n 3  16 -722521979  i m d n 6  23 76029189  r md5 hh r i md5 hh i m md5 hh m f r i d n 9  4 -640364487  f r d n 12  11 -421815835  m f d n 15  16 530742520  i m d n 2  23 -995338651  r md5 ii r i md5 ii i m md5 ii m f r i d n 0  6 -198630844  f r d n 7  10 1126891415  m f d n 14  15 -1416354905  i m d n 5  21 -57434055  r md5 ii r i md5 ii i m md5 ii m f r i d n 12  6 1700485571  f r d n 3  10 -1894986606  m f d n 10  15 -1051523  i m d n 1  21 -2054922799  r md5 ii r i md5 ii i m md5 ii m f r i d n 8  6 1873313359  f r d n 15  10 -30611744  m f d n 6  15 -1560198380  i m d n 13  21 1309151649  r md5 ii r i md5 ii i m md5 ii m f r i d n 4  6 -145523070  f r d n 11  10 -1120210379  m f d n 2  15 718787259  i m d n 9  21 -343485551  m safe add m h  f safe add f t  r safe add r g  i safe add i e  return Array m f r i  function md5 cmn d   m f r i  return safe add bit rol safe add safe add   d  safe add f i   r  m  function md5 ff d   m f r i n  return md5 cmn   amp m    amp f d   r i n  function md5 gg d   m f r i n  return md5 cmn   amp f m amp  f d   r i n  function md5 hh d   m f r i n  return md5 cmn   m f d   r i n  function md5 ii d   m f r i n  return md5 cmn m     f  d   r i n  function safe add d    var m  65535 amp d   65535 amp    return d gt  gt 16     gt  gt 16   m gt  gt 16  lt  lt 16 65535 amp m function bit rol d    return d lt  lt   d gt  gt  gt 32-   x000D   x000D      NORMAL words    x000D  var value    test   x000D   x000D  var result   MD5 value   x000D    x000D  document body innerHTML    hash -  normal words      result  x000D   x000D      NON ENGLISH words    x000D  value          x000D   x000D    unescape   can be deprecated for the new browser versions x000D  result   MD5 unescape encodeURIComponent value     x000D   x000D  document body innerHTML      lt br gt  lt br gt hash - non english words      result  x000D    x000D   x000D   x000D    For non english words you may need to use unescape   and the encodeURIComponent   methods

User · Answer

CryptoJS is a crypto library which can generate md5 hash among others   Usage with Script tag    lt script src  https   cdnjs cloudflare com ajax libs crypto-js 4 0 0 core min js  gt  lt  script gt   lt script src  https   cdnjs cloudflare com ajax libs crypto-js 3 1 9-1 md5 js  gt  lt  script gt   lt script gt     var hash   CryptoJS MD5  Message       alert hash    lt  script gt    Alternatively with ES6    npm install crypto-js  import MD5 from  crypto-js md5   console log MD5  Message   toString       You can also use modular imports   var MD5   require  crypto-js md5    console log MD5  Message   toString       Github  https   github com brix crypto-js  CDN  https   cdnjs com libraries crypto-js

User · Answer

You can use a lightweight library pure-md5  Just a 4 7kb    x000D   x000D      file-dialog   change function     x000D    handleFiles this files   x000D      x000D   x000D  function handleFiles files    x000D    for  var index   0  index  lt  files length  index      x000D      var file   files index   x000D      var fileReader   new FileReader    x000D      fileReader onload   function e    x000D           body   append   x000D           lt div style  margin-top  2rem   gt  x000D             lt span gt   file name    lt  span gt  x000D             lt span gt    md5 e target result    lt  span gt  x000D           lt  div gt  x000D            x000D        x000D   x000D      fileReader readAsText file   utf-8    x000D      x000D   x000D    x000D  body   x000D    font-family  sans-serif  x000D    x000D   lt script src  https   unpkg com pure-md5 0 1 9 lib index js  gt  lt  script gt  x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt input type  file  id  file-dialog  multiple  true  accept  image    gt  x000D   x000D   x000D

User · Answer

Simplified and minified version  about 3 5k  of this nice implementation http   pajhome org uk crypt md5 md5 html   will be  stripped utf-8 conversion  upper lowercase change the array   This is the smallest size I could get  still perfect for embedded web servers   function md5 d  return rstr2hex binl2rstr binl md5 rstr2binl d  8 d length    function rstr2hex d  for var   m  0123456789ABCDEF  f    r 0 r lt d length r     d charCodeAt r  f  m charAt   gt  gt  gt 4 amp 15  m charAt 15 amp    return f function rstr2binl d  for var   Array d length gt  gt 2  m 0 m lt   length m     m  0 for m 0 m lt 8 d length m  8   m gt  gt 5    255 amp d charCodeAt m 8   lt  lt m 32 return   function binl2rstr d  for var      m 0 m lt 32 d length m  8    String fromCharCode d m gt  gt 5  gt  gt  gt m 32 amp 255  return   function binl md5 d    d   gt  gt 5   128 lt  lt   32 d 14    64 gt  gt  gt 9 lt  lt 4     for var m 1732584193 f -271733879 r -1732584194 i 271733878 n 0 n lt d length n  16  var h m t f g r e i f md5 ii f md5 ii f md5 ii f md5 ii f md5 hh f md5 hh f md5 hh f md5 hh f md5 gg f md5 gg f md5 gg f md5 gg f md5 ff f md5 ff f md5 ff f md5 ff f r md5 ff r i md5 ff i m md5 ff m f r i d n 0  7 -680876936  f r d n 1  12 -389564586  m f d n 2  17 606105819  i m d n 3  22 -1044525330  r md5 ff r i md5 ff i m md5 ff m f r i d n 4  7 -176418897  f r d n 5  12 1200080426  m f d n 6  17 -1473231341  i m d n 7  22 -45705983  r md5 ff r i md5 ff i m md5 ff m f r i d n 8  7 1770035416  f r d n 9  12 -1958414417  m f d n 10  17 -42063  i m d n 11  22 -1990404162  r md5 ff r i md5 ff i m md5 ff m f r i d n 12  7 1804603682  f r d n 13  12 -40341101  m f d n 14  17 -1502002290  i m d n 15  22 1236535329  r md5 gg r i md5 gg i m md5 gg m f r i d n 1  5 -165796510  f r d n 6  9 -1069501632  m f d n 11  14 643717713  i m d n 0  20 -373897302  r md5 gg r i md5 gg i m md5 gg m f r i d n 5  5 -701558691  f r d n 10  9 38016083  m f d n 15  14 -660478335  i m d n 4  20 -405537848  r md5 gg r i md5 gg i m md5 gg m f r i d n 9  5 568446438  f r d n 14  9 -1019803690  m f d n 3  14 -187363961  i m d n 8  20 1163531501  r md5 gg r i md5 gg i m md5 gg m f r i d n 13  5 -1444681467  f r d n 2  9 -51403784  m f d n 7  14 1735328473  i m d n 12  20 -1926607734  r md5 hh r i md5 hh i m md5 hh m f r i d n 5  4 -378558  f r d n 8  11 -2022574463  m f d n 11  16 1839030562  i m d n 14  23 -35309556  r md5 hh r i md5 hh i m md5 hh m f r i d n 1  4 -1530992060  f r d n 4  11 1272893353  m f d n 7  16 -155497632  i m d n 10  23 -1094730640  r md5 hh r i md5 hh i m md5 hh m f r i d n 13  4 681279174  f r d n 0  11 -358537222  m f d n 3  16 -722521979  i m d n 6  23 76029189  r md5 hh r i md5 hh i m md5 hh m f r i d n 9  4 -640364487  f r d n 12  11 -421815835  m f d n 15  16 530742520  i m d n 2  23 -995338651  r md5 ii r i md5 ii i m md5 ii m f r i d n 0  6 -198630844  f r d n 7  10 1126891415  m f d n 14  15 -1416354905  i m d n 5  21 -57434055  r md5 ii r i md5 ii i m md5 ii m f r i d n 12  6 1700485571  f r d n 3  10 -1894986606  m f d n 10  15 -1051523  i m d n 1  21 -2054922799  r md5 ii r i md5 ii i m md5 ii m f r i d n 8  6 1873313359  f r d n 15  10 -30611744  m f d n 6  15 -1560198380  i m d n 13  21 1309151649  r md5 ii r i md5 ii i m md5 ii m f r i d n 4  6 -145523070  f r d n 11  10 -1120210379  m f d n 2  15 718787259  i m d n 9  21 -343485551  m safe add m h  f safe add f t  r safe add r g  i safe add i e  return Array m f r i  function md5 cmn d   m f r i  return safe add bit rol safe add safe add   d  safe add f i   r  m  function md5 ff d   m f r i n  return md5 cmn   amp m    amp f d   r i n  function md5 gg d   m f r i n  return md5 cmn   amp f m amp  f d   r i n  function md5 hh d   m f r i n  return md5 cmn   m f d   r i n  function md5 ii d   m f r i n  return md5 cmn m     f  d   r i n  function safe add d    var m  65535 amp d   65535 amp    return d gt  gt 16     gt  gt 16   m gt  gt 16  lt  lt 16 65535 amp m function bit rol d    return d lt  lt   d gt  gt  gt 32-

User · Answer

You could use crypto-js    I would also recommend using SHA256  rather than MD5    To install crypto-js via NPM   npm install crypto-js   Alternatively you can use a CDN and reference the JS file    Then to display a MD5 and SHA256 hash  you can do the following    lt script type  text javascript  gt      var md5Hash   CryptoJS MD5  Test        var sha256Hash   CryptoJS SHA256  Test1         console log md5Hash toString         console log sha256Hash toString      lt  script gt    Working example located here  JSFiddle  There are also other JS functions that will generate an MD5 hash  outlined below   http   www myersdaily org joseph javascript md5-text html  http   pajhome org uk crypt md5 md5 html  function md5cycle x  k    var a   x 0   b   x 1   c   x 2   d   x 3    a   ff a  b  c  d  k 0   7  -680876936   d   ff d  a  b  c  k 1   12  -389564586   c   ff c  d  a  b  k 2   17   606105819   b   ff b  c  d  a  k 3   22  -1044525330   a   ff a  b  c  d  k 4   7  -176418897   d   ff d  a  b  c  k 5   12   1200080426   c   ff c  d  a  b  k 6   17  -1473231341   b   ff b  c  d  a  k 7   22  -45705983   a   ff a  b  c  d  k 8   7   1770035416   d   ff d  a  b  c  k 9   12  -1958414417   c   ff c  d  a  b  k 10   17  -42063   b   ff b  c  d  a  k 11   22  -1990404162   a   ff a  b  c  d  k 12   7   1804603682   d   ff d  a  b  c  k 13   12  -40341101   c   ff c  d  a  b  k 14   17  -1502002290   b   ff b  c  d  a  k 15   22   1236535329    a   gg a  b  c  d  k 1   5  -165796510   d   gg d  a  b  c  k 6   9  -1069501632   c   gg c  d  a  b  k 11   14   643717713   b   gg b  c  d  a  k 0   20  -373897302   a   gg a  b  c  d  k 5   5  -701558691   d   gg d  a  b  c  k 10   9   38016083   c   gg c  d  a  b  k 15   14  -660478335   b   gg b  c  d  a  k 4   20  -405537848   a   gg a  b  c  d  k 9   5   568446438   d   gg d  a  b  c  k 14   9  -1019803690   c   gg c  d  a  b  k 3   14  -187363961   b   gg b  c  d  a  k 8   20   1163531501   a   gg a  b  c  d  k 13   5  -1444681467   d   gg d  a  b  c  k 2   9  -51403784   c   gg c  d  a  b  k 7   14   1735328473   b   gg b  c  d  a  k 12   20  -1926607734    a   hh a  b  c  d  k 5   4  -378558   d   hh d  a  b  c  k 8   11  -2022574463   c   hh c  d  a  b  k 11   16   1839030562   b   hh b  c  d  a  k 14   23  -35309556   a   hh a  b  c  d  k 1   4  -1530992060   d   hh d  a  b  c  k 4   11   1272893353   c   hh c  d  a  b  k 7   16  -155497632   b   hh b  c  d  a  k 10   23  -1094730640   a   hh a  b  c  d  k 13   4   681279174   d   hh d  a  b  c  k 0   11  -358537222   c   hh c  d  a  b  k 3   16  -722521979   b   hh b  c  d  a  k 6   23   76029189   a   hh a  b  c  d  k 9   4  -640364487   d   hh d  a  b  c  k 12   11  -421815835   c   hh c  d  a  b  k 15   16   530742520   b   hh b  c  d  a  k 2   23  -995338651    a   ii a  b  c  d  k 0   6  -198630844   d   ii d  a  b  c  k 7   10   1126891415   c   ii c  d  a  b  k 14   15  -1416354905   b   ii b  c  d  a  k 5   21  -57434055   a   ii a  b  c  d  k 12   6   1700485571   d   ii d  a  b  c  k 3   10  -1894986606   c   ii c  d  a  b  k 10   15  -1051523   b   ii b  c  d  a  k 1   21  -2054922799   a   ii a  b  c  d  k 8   6   1873313359   d   ii d  a  b  c  k 15   10  -30611744   c   ii c  d  a  b  k 6   15  -1560198380   b   ii b  c  d  a  k 13   21   1309151649   a   ii a  b  c  d  k 4   6  -145523070   d   ii d  a  b  c  k 11   10  -1120210379   c   ii c  d  a  b  k 2   15   718787259   b   ii b  c  d  a  k 9   21  -343485551    x 0    add32 a  x 0    x 1    add32 b  x 1    x 2    add32 c  x 2    x 3    add32 d  x 3        function cmn q  a  b  x  s  t    a   add32 add32 a  q   add32 x  t    return add32  a  lt  lt  s     a  gt  gt  gt   32 - s    b      function ff a  b  c  d  x  s  t    return cmn  b  amp  c       b   amp  d   a  b  x  s  t      function gg a  b  c  d  x  s  t    return cmn  b  amp  d     c  amp    d    a  b  x  s  t      function hh a  b  c  d  x  s  t    return cmn b   c   d  a  b  x  s  t      function ii a  b  c  d  x  s  t    return cmn c    b     d    a  b  x  s  t      function md51 s    txt       var n   s length  state    1732584193  -271733879  -1732584194  271733878   i  for  i 64  i lt  s length  i  64    md5cycle state  md5blk s substring i-64  i       s   s substring i-64   var tail    0 0 0 0  0 0 0 0  0 0 0 0  0 0 0 0   for  i 0  i lt s length  i    tail i gt  gt 2     s charCodeAt i   lt  lt    i 4   lt  lt  3   tail i gt  gt 2     0x80  lt  lt    i 4   lt  lt  3   if  i  gt  55    md5cycle state  tail   for  i 0  i lt 16  i    tail i    0    tail 14    n 8  md5cycle state  tail   return state        there needs to be support for Unicode here     unless we pretend that we can redefine the MD-5    algorithm for multi-byte characters  perhaps    by adding every four 16-bit characters and    shortening the sum to 32 bits   Otherwise    I suggest performing MD-5 as if every character    was two bytes--e g   0040 0025     --but then    how will an ordinary MD-5 sum be matched     There is no way to standardize text to something    like UTF-8 before transformation  speed cost is    utterly prohibitive  The JavaScript standard    itself needs to look at this  it should start    providing access to strings as preformed UTF-8    8-bit unsigned value arrays      function md5blk s       I figured global was faster       var md5blks       i     Andy King said do it this way     for  i 0  i lt 64  i  4    md5blks i gt  gt 2    s charCodeAt i     s charCodeAt i 1   lt  lt  8     s charCodeAt i 2   lt  lt  16     s charCodeAt i 3   lt  lt  24     return md5blks     var hex chr    0123456789abcdef  split       function rhex n    var s     j 0  for   j lt 4  j    s    hex chr  n  gt  gt   j   8   4    amp  0x0F    hex chr  n  gt  gt   j   8    amp  0x0F   return s     function hex x    for  var i 0  i lt x length  i    x i    rhex x i    return x join         function md5 s    return hex md51 s          this function is much faster  so if possible we use it  Some IEs are the only ones I know of that need the idiotic second function  generated by an if clause       function add32 a  b    return  a   b   amp  0xFFFFFFFF     if  md5  hello       5d41402abc4b2a76b9719d911017c592     function add32 x  y    var lsw    x  amp  0xFFFF     y  amp  0xFFFF   msw    x  gt  gt  16     y  gt  gt  16     lsw  gt  gt  16   return  msw  lt  lt  16     lsw  amp  0xFFFF         Then simply use the MD5 function  as shown below   alert md5  Test string       Another working JS Fiddle here

User · Answer

You can use crypto-js   To use crypto-js  you need to load core js then md5 js     A list of URLs are here https   cdnjs com libraries crypto-js  cryptojs is also available in zip form here https   code google com archive p crypto-js downloads  There is an answer from answerer  amal  in 2013  that is similar to this but a his link to md5 js no longer works b he didn t load core js beforehand  which is necessary    lt html gt         lt head gt         lt script src  https   cdnjs cloudflare com ajax libs crypto-js 3 1 2 components core js  gt  lt  script gt       lt script src  https   cdnjs cloudflare com ajax libs crypto-js 3 1 2 rollups md5 js  gt  lt  script gt      lt script gt       var hash   CryptoJS MD5  Message         console log hash      lt  script gt      lt  head gt     lt body gt      lt  body gt   lt  html gt

User · Answer

As a contemporary alternative  there is a standard now for client side cryptography  This has the advantage of being optimised by the browser itself   Taken from the example in the documentation   async function sha256 message            encode as UTF-8     const msgBuffer   new TextEncoder  utf-8   encode message           hash the message     const hashBuffer   await crypto subtle digest  SHA-256   msgBuffer           convert ArrayBuffer to Array     const hashArray   Array from new Uint8Array hashBuffer            convert bytes to hex string     const hashHex   hashArray map b   gt    00    b toString 16   slice -2   join          return hashHex     sha256  abc   then hash   gt  console log hash      async function         const hash   await sha256  abc            MD5 is likely unsupported  however the likes of SHA-256  SHA-384  and SHA-512 are   And those will likely be able to be calculated server side also   Here s some documentation on usage  https   developer mozilla org en-US docs Web API SubtleCrypto digest  And cross browser compatibility  https   caniuse com  feat cryptography

[javascript] How to generate an MD5 file hash in JavaScript?

Examples related to javascript

Examples related to node.js

Examples related to hash

Examples related to md5