Encode Base64 in JavaScript, send with GET, decode in PHP

Question

I thought this will be an easy Google-search, but it seems that my technique is not as common as I thought.

How can I encode a Base64 string in JavaScript, in order to put it safely on the line with a GET parameter (my Base64 string contains a lot of /, + and =, and decode the exact same string in PHP, in order to store it in a database?

When I post the Base64 string without encoding, my PHP script does not accept it.

I found a solution for encoding and decoding the Base64 string in JavaScript, but not in the way it makes sense for me.

What do you mean by "encode a Base64 string"? Convert a string to base64 representation? Can you include javascript, php that you have tried at Question? — guest271314
– guest271314, Commented Feb 10, 2017 at 18:04
No, I mean, how can I make it "URL-safe", because it contains some / and + and = — John Brunner
– John Brunner, Commented Feb 10, 2017 at 18:06
@JohnBrunner See my answer, let me know if you need a more fleshed out example. — matt
– matt, Commented Feb 10, 2017 at 18:17
Why can you not use POST request? How is base64 string generated? — guest271314
– guest271314, Commented Feb 10, 2017 at 18:34

matt · Accepted Answer · 2018-02-20 13:39:20Z

23

So in javascript (updated with encoding URI):

var myStr = "I am the string to encode";
var token = encodeURIComponent(window.btoa(myStr));

btoa example

You should be then able to add that base64 encoded string to your get request.

Then in PHP, after you retrieve the request:

<?php
   $str = 'VGhpcyBpcyBhbiBlbmNvZGVkIHN0cmluZw==';
   echo base64_decode(urldecode($str));
?>

base64_decode docs

edited Feb 20, 2018 at 13:39

answered Feb 10, 2017 at 18:07

matt

1,7531 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

guest271314 Over a year ago

nodejs does not appear at tags at Question?

John Brunner Over a year ago

Thank you for your answer, but I think I asked the question wrong. I already got a Base64 string, and I want to send it via GET to my server. Problem is, that the Base64 string contains a lot of / and +, which is not safe for GET. How can I send it safely via GET?

matt Over a year ago

@JohnBrunner To send it safely via a GET request you have to urlencode it client side. See my updated answer (javascript) for how todo that. Cheers.

matt Over a year ago

@JohnBrunner Was my answer what you were looking for?

Rafał R Over a year ago

To be clear it should be reversed in php: echo base64_decode(urldecode($str));

JD-V · Accepted Answer · 2017-10-08 09:15:45Z

0

In Javascript

var password ="xyz"
window.btoa(password)

In php

$password = urldecode(base64_decode($_POST['password']));

answered Oct 8, 2017 at 9:15

JD-V

3,7861 gold badge20 silver badges23 bronze badges

Collectives™ on Stack Overflow

Encode Base64 in JavaScript, send with GET, decode in PHP

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related