El problema es que tanto atob
como btoa
solo admiten caracteres que ocupan 1 byte y ú
es un caracter utf8 de 16 bits, es decir, ocupa 2 bytes y genera el error.
Si puedes codificar correctamente, pero el problema es al decodificar, es probable que se deba a la forma en que lo estás haciendo, tal vez baste con colocar atob
dentro:
return results === null ? "" : decodeURIComponent(atob(results[1]).replace(/\+/g, " "));
La solución propuesta por Mozilla Developer es codificar la cadena, de forma que se pueda asegurar que todos los caracteres ocupen solo 1 byte:
// Convertir cadena Unicode a cadena donde cada
// elemento 16-bit ocupe solo un byte
function toBinary(string) {
const codeUnits = new Uint16Array(string.length);
for (let i = 0; i < codeUnits.length; i++) {
codeUnits[i] = string.charCodeAt(i);
}
return String.fromCharCode(...new Uint8Array(codeUnits.buffer));
}
// Recodificar cadena original
function fromBinary(binary) {
const bytes = new Uint8Array(binary.length);
for (let i = 0; i < bytes.length; i++) {
bytes[i] = binary.charCodeAt(i);
}
return String.fromCharCode(...new Uint16Array(bytes.buffer));
}
// Cadena que contiene caracteres que ocupan más de 1 byte
const myString = "Búsqueda no encontrada";
// Primero se "escapan" los caracteres especiales
const converted = toBinary(myString);
// Después ya se puede codificar a base64
const encoded = btoa(converted);
console.log(encoded); // QgD6AHMAcQB1AGUAZABhACAAbgBvACAAZQBuAGMAbwBuAHQAcgBhAGQAYQA=
// Primero de codificas de base64
const decoded = atob(encoded);
// "Recuperar" caracteres especiales
const original = fromBinary(decoded);
console.log(original); // Búsqueda no encontrada
Actualización:
Si estás codificando en base64 desde PHP la opción puede ser bastante sencilla:
<?php
// Convierte primero a ISO-6859-1 y codifica en base 64
echo base64_encode(utf8_decode('Búsqueda no encontrada'));
// Salida: QvpzcXVlZGEgbm8gZW5jb250cmFkYQ==
Luego, con javascript solo usas atob()
para recuperar la cadena original:
console.log(atob('QvpzcXVlZGEgbm8gZW5jb250cmFkYQ=='));