Base64 Encoder/Decoder: Binärdaten-Kodierung leicht gemacht

Features:

• • RFC 4648-konforme Kodierung
• • Verwendet A-Z, a-z, 0-9, +, / Zeichensatz
• • Automatisches Padding mit =-Zeichen
• • Kompatibel mit den meisten Systemen und Bibliotheken

Features:

• • Sicher für die Verwendung in URLs ohne Kodierung
• • Kompatibel mit Dateisystemnamen
• • Ersetzt + durch - und / durch _
• • Optionales Entfernen von Padding für sauberere URLs

Features:

• • Entfernt nachgestellte =-Zeichen
• • Kürzere kodierte Strings
• • Nützlich für Token und Identifikatoren
• • Dennoch dekodierbar von den meisten Systemen

Features:

• • Konfigurierbare Zeilenlänge (typischerweise 64 oder 76 Zeichen)
• • MIME-konforme Formatierung
• • Kompatibel mit E-Mail-Standards
• • Verwendet in PEM-Zertifikaten und Schlüsseln

Features:

• • Multipart-Datei-Upload-Unterstützung
• • Rohe Binärdaten im Request-Body
• • Automatische MIME-Typ-Erkennung
• • Unterstützung für Dateien bis zu 50MB

Supported Formats:

• • Bilder: JPG, PNG, GIF, WebP, SVG
• • Dokumente: PDF, DOC, XLS, TXT
• • Audio: MP3, WAV, FLAC, AAC
• • Video: MP4, WebM, AVI, MOV
• • Archive: ZIP, TAR, GZ, RAR

Features:

• • Generiert Data-URI-Format (data:image/png;base64,...)
• • Automatische MIME-Typ-Erkennung
• • Perfekt für Inline-Bild-Einbettung
• • Reduziert HTTP-Requests in Webanwendungen

Use Cases:

• • Bilder in HTML-E-Mails einbetten
• • Icons in CSS-Stylesheets einbinden
• • Kleine Bilder in JSON-APIs speichern
• • Inline-SVG-Grafiken generieren

Advantages:

• • Einfache JSON-Request-Struktur
• • Kein Multipart-Parsing erforderlich
• • Funktioniert mit allen HTTP-Clients
• • Einfaches Einbinden von Metadaten neben der Datei

Datei als JSON hochladen

Dateien als Base64-String im JSON-Payload senden

'{'
  "filename": "dokument.pdf",
  "content": "JVBERi0xLjQKJeLjz9M...",
  "mimeType": "application/pdf"
'}'

Advantages:

• • Eliminiert separate Bild-Requests
• • Reduziert Latenz für kleine Bilder
• • Vereinfacht Deployment (keine separaten Bilddateien)
• • Perfekt für E-Mails und Offline-HTML

Data-URI in HTML

Bild direkt im img-Tag einbetten

''<''img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA..." alt="Logo" />

Best For:

• • Icons und kleine Grafiken (< 50KB)
• • HTML-E-Mail-Kampagnen
• • Offline-HTML-Anwendungen
• • Reduzierung initialer Seitenlade-Requests

How it Works:

1. 1. Benutzername und Passwort mit Doppelpunkt verketten: "user:password"
2. 2. String in Base64 kodieren
3. 3. Zum Authorization-Header hinzufügen: "Basic ''<''base64string>"
4. 4. Server dekodiert und verifiziert Credentials

Basic-Auth-Header

Credentials für HTTP-Basic-Authentifizierung kodieren

# Eingabe: username=admin, password=geheim123
# Verkettet: admin:geheim123
# Base64 kodiert: YWRtaW46Z2VoZWltMTIz

Authorization: Basic YWRtaW46Z2VoZWltMTIz

MIME Structure:

• • E-Mail-Body verwendet quoted-printable oder 7-bit ASCII
• • Anhänge in Base64 kodiert
• • Mehrzeiliges Format (76 Zeichen pro Zeile)
• • Content-Type- und Content-Transfer-Encoding-Header

MIME-Anhang

Base64-kodierte Datei in E-Mail-MIME-Struktur

Content-Type: application/pdf; name="rechnung.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="rechnung.pdf"

JVBERi0xLjQKJeLjz9MK...
(base64 setzt sich fort)

Code:

import axios from ''axios'';

const encodeText = async (text: string) => '{'
  try '{'
    const response = await axios.post(
      ''https://apphighway.com/api/v1/base64'',
      '{'
        input: text,
        mode: ''standard'' // oder ''urlsafe''
      '}',
      '{'
        headers: '{'
          ''Authorization'': `Bearer $'{'process.env.APPHIGHWAY_API_KEY'}'`,
          ''Content-Type'': ''application/json''
        '}'
      '}'
    );

    console.log(''Kodiert:'', response.data.encoded);
    // Ausgabe: "SGFsbG8gV2VsdA=="

    return response.data.encoded;
  '}' catch (error) '{'
    console.error(''Kodierungsfehler:'', error.response?.data);
    throw error;
  '}'
'}';

// Verwendung
await encodeText(''Hallo Welt'');

Explanation:

Dieses Beispiel demonstriert einfache Text-Kodierung. Die API akzeptiert einen String-Input und gibt das Base64-kodierte Ergebnis zurück. Verwenden Sie ''standard''-Modus für allgemeine Zwecke oder ''urlsafe'' für URL-kompatible Kodierung.

Code:

import axios from ''axios'';

const decodeBase64 = async (encoded: string) => '{'
  try '{'
    const response = await axios.post(
      ''https://apphighway.com/api/v1/base64'',
      '{'
        input: encoded,
        outputFormat: ''text'' // oder ''binary'' für Dateien
      '}',
      '{'
        headers: '{'
          ''Authorization'': `Bearer $'{'process.env.APPHIGHWAY_API_KEY'}'`,
          ''Content-Type'': ''application/json''
        '}'
      '}'
    );

    console.log(''Dekodiert:'', response.data.decoded);
    // Ausgabe: "Hallo Welt"

    return response.data.decoded;
  '}' catch (error) '{'
    if (error.response?.status === 400) '{'
      console.error(''Ungültiger Base64-String'');
    '}'
    throw error;
  '}'
'}';

// Verwendung
await decodeBase64(''SGFsbG8gV2VsdA=='');

Explanation:

Dekodierung konvertiert Base64-Strings zurück in ihr Originalformat. Geben Sie ''text'' für Text-Inhalte oder ''binary'' für Dateidaten an. Die API erkennt und verarbeitet automatisch sowohl Standard- als auch URL-sichere Base64-Varianten.

Code:

import axios from ''axios'';
import FormData from ''form-data'';
import fs from ''fs'';

const encodeImageToDataURI = async (filePath: string) => '{'
  try '{'
    const formData = new FormData();
    formData.append(''file'', fs.createReadStream(filePath));
    formData.append(''outputFormat'', ''datauri'');
    formData.append(''mode'', ''standard'');

    const response = await axios.post(
      ''https://apphighway.com/api/v1/base64'',
      formData,
      '{'
        headers: '{'
          ...formData.getHeaders(),
          ''Authorization'': `Bearer $'{'process.env.APPHIGHWAY_API_KEY'}'`
        '}',
        maxBodyLength: Infinity
      '}'
    );

    const dataUri = response.data.encoded;
    console.log(''Data-URI:'', dataUri);
    // Ausgabe: "data:image/png;base64,iVBORw0KGgoAAAA..."

    // In HTML verwenden
    const html = `'<'img src="$'{'dataUri'}'" alt="Kodiertes Bild" />`;
    console.log(''HTML:'', html);

    return dataUri;
  '}' catch (error) '{'
    console.error(''Datei-Kodierungsfehler:'', error.response?.data);
    throw error;
  '}'
'}';

// Verwendung
await encodeImageToDataURI(''./logo.png'');

Explanation:

Dieses Beispiel zeigt Datei-Upload und Kodierung als Data-URI. Die API erkennt automatisch den MIME-Typ und formatiert die Ausgabe als vollständige Data-URI, bereit für HTML-Einbettung. Perfekt für E-Mail-Templates und Offline-HTML.

Code:

import axios from ''axios'';
import crypto from ''crypto'';

const generateUrlSafeToken = async () => '{'
  try '{'
    // Zufällige Binärdaten generieren
    const randomBytes = crypto.randomBytes(32);

    const response = await axios.post(
      ''https://apphighway.com/api/v1/base64'',
      '{'
        input: randomBytes.toString(''hex''),
        mode: ''urlsafe'',
        padding: false // Padding für sauberere URLs entfernen
      '}',
      '{'
        headers: '{'
          ''Authorization'': `Bearer $'{'process.env.APPHIGHWAY_API_KEY'}'`,
          ''Content-Type'': ''application/json''
        '}'
      '}'
    );

    const token = response.data.encoded;
    console.log(''URL-sicheres Token:'', token);
    // Kann direkt in URLs ohne Kodierung verwendet werden
    console.log(''URL:'', `https://app.example.com/verify?token=$'{'token'}'`);

    return token;
  '}' catch (error) '{'
    console.error(''Token-Generierungsfehler:'', error.response?.data);
    throw error;
  '}'
'}';

// Verwendung
await generateUrlSafeToken();

Explanation:

URL-sichere Kodierung ohne Padding erstellt saubere Token, perfekt für URLs, Dateinamen und HTTP-Header. Die - und _ Zeichen erfordern keine Prozent-Kodierung, was URLs lesbarer macht.

Implementation Steps:

1. 1. Mobile App erfasst Foto (Kamera oder Galerie)
2. 2. Bild auf dem Gerät auf maximal 2MB komprimiert
3. 3. AppHighway Base64-Tool mit URL-sicherer Kodierung aufgerufen
4. 4. Kodierter String im JSON-Payload an Backend gesendet
5. 5. Backend dekodiert und speichert in Objekt-Storage