brush
clean and minimalistic image of a computer screen displaying base64 code examples emphasizing simplicity and practicality

Ejemplos de código utilizando el Convertidor Base64

  • person_outline Claudiu Mihut
  • chat_bubble_outline Comentarios (0)
  • access_time 2023-10-03 17:07:49

El Convertidor Base64 es una herramienta muy útil para convertir datos en formato de texto a una representación en código Base64. Este tipo de conversión es ampliamente utilizado en el ámbito de la programación y el desarrollo web.

Veamos algunos ejemplos de cómo utilizar el Convertidor Base64 para codificar y decodificar datos:

Ejemplo 1: Codificación de texto

Supongamos que tenemos el siguiente texto: "Hola, ¿cómo estás?". Para codificarlo en Base64, podemos utilizar el siguiente código:

        
            const texto = "Hola, ¿cómo estás?";
            const textoCodificado = btoa(texto);
            console.log(textoCodificado);
        
    

El resultado de este código será: "SG9sYSwgw6TDtsOobyBlc3TDoXM/". Como puedes ver, el texto original ha sido convertido en una cadena de caracteres en código Base64.

Ejemplo 2: Decodificación de texto

Si queremos decodificar una cadena de texto en Base64, podemos utilizar la siguiente función:

        
            const textoCodificado = "SG9sYSwgw6TDtsOobyBlc3TDoXM/";
            const textoDecodificado = atob(textoCodificado);
            console.log(textoDecodificado);
        
    

En este caso, el resultado del código será: "Hola, ¿cómo estás?". La cadena de texto en Base64 ha sido decodificada y recuperamos el texto original.

Ejemplo 3: Codificación de imágenes

El Convertidor Base64 también puede utilizarse para codificar imágenes y otros archivos binarios. A continuación, se muestra un ejemplo de cómo codificar una imagen:

        
            const imagen = document.getElementById("mi-imagen");
            const canvas = document.createElement("canvas");
            const contexto = canvas.getContext("2d");
            contexto.drawImage(imagen, 0, 0);
            const dataURL = canvas.toDataURL("image/png");
            console.log(dataURL);
        
    

En este caso, el resultado será una cadena de texto en Base64 que representa la imagen.

Estos son solo algunos ejemplos de cómo utilizar el Convertidor Base64 en tus proyectos. Recuerda que esta herramienta puede ser muy útil para transmitir datos de manera segura y eficiente.

Esperamos que estos ejemplos te hayan sido de utilidad y te animamos a explorar más sobre el uso de Base64 en tus desarrollos.

Comentarios (0)

Deja un comentario