How can you encode a string to Base64 in JavaScript?

You can use btoa() and atob() to convert to and from base64 encoding.

There appears to be some confusion in the comments regarding what these functions accept/return, so…

  • btoa() accepts a “string” where each character represents an 8-bit byte – if you pass a string containing characters that can’t be represented in 8 bits, it will probably break. This isn’t a problem if you’re actually treating the string as a byte array, but if you’re trying to do something else then you’ll have to encode it first.
  • atob() returns a “string” where each character represents an 8-bit byte – that is, its value will be between 0 and 0xff. This does not mean it’s ASCII – presumably if you’re using this function at all, you expect to be working with binary data and not text.

See also:

  • How do I load binary image data using Javascript and XMLHttpRequest?

Most comments here are outdated. You can probably use both btoa() and atob(), unless you support really outdated browsers.

Related Posts:

  1. Base64 encoding and decoding in client-side 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. JS/Ionic:TypeError: Cannot read property ‘code’ of undefined
  5. Sort array of objects by string property value
  6. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  7. How does “/\s/g” replace spaces with other characters?
  8. What is the correct way to check for string equality in JavaScript?
  9. JavaScript TypeError: Cannot read property ‘style’ of null
  10. How to obtain username from Promise?
  11. How do you check if a variable is an array in JavaScript?
  12. Understanding React-Redux and mapStateToProps()
  13. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  14. Node.js Port 3000 already in use but it actually isn’t?
  15. Uncaught TypeError: $.post is not a function
  16. Unable to verify leaf signature
  17. When and why to ‘return false’ in JavaScript?
  18. In angularjs we are having ng-disabled directive, why ng-enabled directive is not provided by the framework as we are having ng-show and ng-hide
  19. Send POST data using XMLHttpRequest
  20. querySelector vs. getElementById
  21. Google weather widget on my website
  22. How to generate a simple popup using jQuery
  23. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  24. Javascript versioning to avoid caching, difference in these practices?
  25. How to format numbers as currency strings
  26. Understanding how data-dismiss attribute works in Bootstrap
  27. Add table row in jQuery
  28. Node.js document is not defined
  29. Create table with jQuery – append
  30. When is JavaScript synchronous?
  31. How to reset a form using jQuery with .reset() method
  32. Uncaught ReferenceError: Firebase is not defined
  33. Efficient way to implement Priority Queue in Javascript?
  34. How do you format a Date/Time in TypeScript?
  35. How do I remove documents using Node.js Mongoose?
  36. node-request – Getting error “SSL23_GET_SERVER_HELLO:unknown protocol”
  37. Count the number of occurrences of a character in a string in Javascript
  38. Javascript removeEventListener not working
  39. Load image with jQuery and append it to the DOM
  40. RGB to hex and hex to RGB
  41. No visible cause for “Unexpected token ILLEGAL”
  42. Change text on hover, then return to the previous text
  43. javascript unexpected identifier
  44. How to send email by using javascript or jquery
  45. Access to Image from origin ‘null’ has been blocked by CORS policy
  46. Onclick on bootstrap button
  47. TypeError: res.json is not a function
  48. How to do case insensitive string comparison?
  49. Understanding the ngRepeat ‘track by’ expression
  50. How can I test if a letter in a string is uppercase or lowercase using JavaScript?
  51. How to create a HTML Cancel button that redirects to a URL
  52. JavaScript post request like a form submit
  53. Jest encountered an unexpected token
  54. How to get the first element of an array?
  55. How to instantiate a File object in JavaScript?
  56. bootstrap buttons onclick events
  57. Cannot read property ‘forEach’ of undefined
  58. JavaScript: function returning an object
  59. What is the non-jQuery equivalent of ‘$(document).ready()’?
  60. Changing the selected option of an HTML Select element
  61. What are the benefits of using wp_enqueue_script?
  62. Is it Possible to Extend WP Customize JS Methods?
  63. What are all the query parameters for getEntityRecords?
  64. How to prevent text modified using gettext filter being stomped (presumably) by updateText() js function within a CPT’s edit screen
  65. Load multiple Javascript scripts
  66. WP script versioning breaks cross-site caching?
  67. Filter medias from the Media Uploader (wp.media) modal with a post meta
  68. Is there a client side API for handling transients or options?
  69. How should I add JavaScript to a child theme?
  70. Create user from outside WordPress through api?
  71. Load plugin JS in footer
  72. Enqueue Javascript After ALL Other Scripts (Including Async Scripts)
  73. Setting a menu link to open a pop-up
  74. Media library not working with wp_editor() on the front end
  75. Is there a media_upload_tabs-similar filter to add tabs to the simple/featured image picker?
  76. Tinymce.js editor in Chrome?
  77. Display a div when post has a certain tag
  78. Implementing Webflow JS in WordPress
  79. This page can’t load Google Maps correctly [closed]
  80. Gutenberg RangeControl
  81. WordPress opens js files as a catalog. Path is right [closed]
  82. Javascript to open new window
  83. Facebook fanbox problem
  84. Add Paypal button redirect to a specific page after completing
  85. Javascript File Does Not Work
  86. wp-api Backbone JS Client fetch options
  87. Get the ID of a page in Parent combobox in editor
  88. Google Page Speed
  89. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  90. Is it feasible to call angular’s page from wordpress website?
  91. Trying to deque some .js from source
  92. How to Create a Repeatable Meta Box
  93. Passing object to FormTokenField suggestions
  94. How To Include JS Script with WP 2023 Theme
  95. Update js file on wordpress page after making changes
  96. How to Update a variable even if the web page reloads in js
  97. How do i get an Inline style in Gutenberg Block show up in front end?
  98. javscript that updates div in a single wordpress page
  99. Gutenberg core/file add style support in js/ json
  100. uploading image to wordpress site with javascript fetch function failed

Leave a Comment

techhipbettruvabetnorabahisbahis forumutaraftarium24edusedueduseduedueduseduedueduedu