¿Odias los anuncios? Ir Sin publicidad Hoy

Simplificando la decodificación de Base64 Hoja de trucos para programadores

Actualizado en
Simplificando la decodificación de Base64
ANUNCIO PUBLICITARIO · ¿ELIMINAR?

¿Alguna vez te has topado con una mezcla de caracteres aparentemente sin sentido que comienzan con data:image/png;base64? Enhorabuena, te has encontrado Codificación Base64 ¡en la naturaleza! 🎉

Base64 Es una forma de representar datos binarios mediante un conjunto limitado de 64 caracteres ASCII. Se utiliza habitualmente para:

  • Incrustar imágenes, fuentes u otros archivos directamente en HTML, CSS o scripts
  • Transmisión de datos binarios a través de protocolos basados en texto, como el correo electrónico o XML
  • Ofuscar información confidencial (¡aunque no es cifrado!)

Para entender Base64, es necesario decodificarlo de nuevo al binario originalA continuación se muestra una hoja de trucos rápida:

IdiomaFunción de decodificación
JavaScriptatob(base64String)
Pitónbase64.b64decode(base64String)
JavaBase64.getDecoder().decode(base64String)
C#Convert.FromBase64String(base64String)

Por ejemplo, en JavaScript:

const base64Image = "data:image/png;base64,iVBORw0KGgoAAAANSU…";
const splitData = base64Image.split(",");
const byteString = atob(splitData[1]);

Este fragmento:

  1. Extrae solo los datos Base64, eliminando el prefijo de metadatos
  2. Decodifica la cadena Base64 en una cadena de bytes

Desde allí, puedes convertirlo en una matriz tipificada para una mayor manipulación:

const intArray = new Uint8Array(byteString.length);
for (let i = 0; i < byteString.length; i++) {
  intArray[i] = byteString.charCodeAt(i);
}

Armado con esta matriz de bytes, puedes:

  • Crea un Blob para guardar el archivo
  • Renderizar la imagen en un lienzo
  • Páselo a una biblioteca para analizar el contenido del archivo.
  • Envíelo a WebAssembly para un procesamiento de alto rendimiento

Decodificación Base64 Abre un mundo de posibilidades para manejar datos binarios en línea. ¡Ahora, adelante y decodifique con confianza! 🚀

¿Quieres eliminar publicidad? Adiós publicidad hoy

Instalar extensiones

Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas

añadir Extensión de Chrome añadir Extensión de borde añadir Extensión de Firefox añadir Extensión de Opera
ANUNCIO PUBLICITARIO · ¿ELIMINAR?
ANUNCIO PUBLICITARIO · ¿ELIMINAR?
ANUNCIO PUBLICITARIO · ¿ELIMINAR?

Noticias Aspectos técnicos clave

Involucrarse

Ayúdanos a seguir brindando valiosas herramientas gratuitas

Invítame a un café
ANUNCIO PUBLICITARIO · ¿ELIMINAR?