Base64 encoding and decoding in client-side Javascript

Some browsers such as Firefox, Chrome, Safari, Opera and IE10+ can handle Base64 natively. Take a look at this Stackoverflow question. It’s using btoa() and atob() functions.

For server-side JavaScript (Node), you can use Buffers to decode.

If you are going for a cross-browser solution, there are existing libraries like CryptoJS or code like:

http://ntt.cc/2008/01/19/base64-encoder-decoder-with-javascript.html (Archive)

With the latter, you need to thoroughly test the function for cross browser compatibility. And error has already been reported.

Related Posts:

  1. How can you encode a string to Base64 in JavaScript?
  2. How can I convert an image into Base64 string using JavaScript?
  3. How can I convert an image into Base64 string using JavaScript?
  4. What is TypeScript and why would I use it in place of JavaScript? [closed]
  5. How to do associative array/hashing in JavaScript
  6. map function for objects (instead of arrays)
  7. How to play audio?
  8. How to write a countdown timer in JavaScript?
  9. TypeScript foreach return [duplicate]
  10. “document.getElementByClass is not a function”
  11. how to render a react component using ReactDOM Render
  12. What does “javascript:void(0)” mean?
  13. What does this symbol mean in JavaScript?
  14. Go back button in a page
  15. ‘react-scripts’ is not recognized as an internal or external command
  16. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  17. What’s the best way to convert a number to a string in JavaScript?
  18. React Native: this.setState is not a function
  19. keep getting “? Something is already running on port 3000” when I do npm start on react app
  20. React Context vs React Redux, when should I use each one?
  21. Regular expression : match either of two conditions?
  22. jQuery AJAX submit form
  23. Difference between this and self in JavaScript
  24. HTML5 Local storage vs. Session storage
  25. Uncaught TypeError: data.push is not a function
  26. Length of a JavaScript object
  27. Expressjs / Node.js – res.redirect() not loading page
  28. Using async/await with a forEach loop
  29. Vue is not defined
  30. How to remove all listeners in an element?
  31. How do I check if an object has a key in JavaScript?
  32. How to add a “readonly” attribute to an ?
  33. JQuery $(“#content”).append not working
  34. What is the difference between null and undefined in JavaScript?
  35. How to write inside a DIV box with javascript
  36. use Lodash to sort array of object by value
  37. Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
  38. Counting words in string
  39. What’s “this” in JavaScript onclick?
  40. how to use react require syntax?
  41. document.getElementById(id).focus() is not working for firefox or chrome
  42. How to get height of div in px dimension
  43. How to get unique values in an array
  44. How to fix Error: listen EADDRINUSE while using NodeJS?
  45. How to allow CORS in react.js?
  46. Only on Firefox “Loading failed for the script with source”
  47. How do you use a variable in a regular expression?
  48. .filter is not a function 
  49. Function overloading in Javascript – Best practices 
  50. Wait until flag=true
  51. momentJS date string add 5 days
  52. When is a CDATA section necessary within a script tag?
  53. How to get scrollbar position with Javascript?
  54. where is create-react-app webpack config and files?
  55. “You may need an appropriate loader to handle this file type” with Webpack and Babel
  56. How to create checkbox inside dropdown?
  57. Find a value in an array of objects in Javascript [duplicate]
  58. How to wrap the content of the main tinyMCE editor with extra tags
  59. How to handle malformed response from WP REST API?
  60. Javascript not working?
  61. Add Item to Custom TinyMCE Menu
  62. Modals using loops and ACF [closed]
  63. Changes to JS not reflected on site
  64. How do developers add “Smooth Transitions” to their sites?
  65. Exclude JS file from 404 error page
  66. Pass data from wordpress to javascript in JSON
  67. How can I get my Calculate Contact Form 7 field to update with jQuery? [closed]
  68. Contact Form 7 – Uncaught TypeError: wpcf7.initForm is not a function [closed]
  69. js addclass function not working as expected, intereaction or special WP somethign needed?
  70. Where is script-loader.php creating JS tags
  71. WP TinyMCE (Full + media ) – 4.8 JS Init Dynamicly
  72. Get a default value of the Customizer setting using wp.customize API (JS)
  73. Search for a keyword across post types in a Gutenberg component
  74. Calling a WordPress Custom JavaScript file
  75. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  76. print script on wordpress header after user registered
  77. How do I use this javascript correct with wordpress?
  78. Load external javascript files
  79. Javascript alert appears before tag
  80. How can I integrate yepnope.js with WordPress (and plugins)?
  81. Bootstrap bundle present in page source but not working
  82. Multiple jQuery inputs or binds in Customizer Control Javascripts
  83. How to display different content on the same page using different URLS
  84. Web cover page open when button clicked
  85. Replace script attr or link
  86. Remove escape characters from JSON string pulled from a database
  87. How to pass data to javascript in custom widget class
  88. Immediate (e.g. without DOMContentLoaded) JS not working
  89. Client side pre-save Javascript hook on all admin pages
  90. WP Gutenberg – custom block with two content fields
  91. How to identify which javascript is being executed
  92. How to keep close a sub-menu under homepage? [closed]
  93. How to implement custom URL handler to access JS modal content? [closed]
  94. Contact form 7 hide and show fields depending up on the condition [closed]
  95. Javascript 2 elements dependent onclick .toggle [closed]
  96. wp_enqueue has a resource but doesn’t generate a script tag [duplicate]
  97. Javascript not working on index.php but it is working on single post’s page
  98. Unable to change the location of a file
  99. Gutenberg core/file add style support in js/ json
  100. uploading image to wordpress site with javascript fetch function failed

Leave a Comment