Как получить значение в кодировке base64 из параметров URL и поместить его в поле ввода с помощью JavaScript

Question

Я хочу использовать (ключ в кодировке base64) в качестве параметра URL

, например: mydomain.com/?key=cHVyY2hhc2VwcmljZT0zNCQ=

, который возвращает: purchaseprice = 34 $

Я прочитал Как закодировать base64 ... , но это не помогло.

Вот мой рабочий код без base64:

<input type="text" id="price" />
<script>
const url = new URL(window.location);
document.querySelector('#price').value = url.searchParams.get('purchaseprice');
</script>

и в Codepen

Answer 1

благодаря cptcoathanger

Я сделал это с помощью этого простого кода.

var fdurl = new URL(window.location);
var fdunc = fdurl.searchParams.get('key');
var url = "https://codepen.io/shahabarvin/pen/JmzyZq?" + window.atob(fdunc); 
document.querySelector('#price').value = new URL(url).searchParams.get("purchaseprice");

<input type="text" id="price" />

Codepen

Answer 2

Если вы ожидаете, что возвращаемое значение purchaseprice будет закодировано в base64, вам нужно использовать функцию atob():

<input type="text" id="price" />
<script>
const url = new URL(window.location);
document.querySelector('#price').value = atob(url.searchParams.get('purchaseprice'));
</script>

Подробности здесь: Base64 Encoding /Декодирование в JavaScript .

Пример: CodePen