Beispiele
Praktische Beispiele, die verschiedene Base64-Kodierungs- und -Dekodierungsszenarien demonstrieren.
Grundlegende Textbeispiele
Einfache Textkodierung
Eingabe: "Hello, World!"
Ausgabe: "SGVsbG8sIFdvcmxkIQ=="
Einfache Textdekodierung
Eingabe: "SGVsbG8sIFdvcmxkIQ=="
Ausgabe: "Hello, World!"
Mehrsprachiger Text
Eingabe: "你好，世界！"
Ausgabe: "5L2g5aW9LCDkuJbnlYwh"
Sonderzeichen
Eingabe: "Hello @#$%^&*()"
Ausgabe: "SGVsbG8gQCMkJV4mKigp"
URL-sichere Beispiele
Standard zu URL-sicher
Eingabe: "Hello, World!"
Standard: "SGVsbG8sIFdvcmxkIQ=="
URL-sicher: "SGVsbG8sIFdvcmxkIQ"
URL-Parameter-Kodierung
Eingabe: "user@example.com"
URL-sicher: "dXNlckBleGFtcGxlLmNvbQ"
Dateinamen-Kodierung
Eingabe: "my file (1).txt"
URL-sicher: "bXkgZmlsZSAoMSkudHh0"
Dateibeispiele
Bilddatei
Datei: small-image.png (1KB)
Base64: iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
Textdatei
Datei: document.txt
Inhalt: "This is a sample document."
Base64: "VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4="
JSON-Daten
Eingabe: {"name": "John", "age": 30}
Ausgabe: "eyJuYW1lIjogIkpvaG4iLCAiYWdlIjogMzB9"
Programmierbeispiele
HTML Data URI
<!-- Bild direkt in HTML einbetten -->
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=="
alt="Kleines Bild"
/>
CSS Data URI
/* Bild in CSS einbetten */
.background {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==');
}
JavaScript Fetch API
// Base64-Daten über fetch senden
const base64Data = 'SGVsbG8sIFdvcmxkIQ==';
fetch('/api/upload', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
data: base64Data,
type: 'text',
}),
});
E-Mail-Beispiele
E-Mail-Anhang
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="boundary123"
--boundary123
Content-Type: text/plain; charset=UTF-8
This is the email body.
--boundary123
Content-Type: application/pdf; name="document.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="document.pdf"
JVBERi0xLjQKJcOkw7zDtsO8CjIgMCBvYmoKPDwKL0xlbmd0aCAzIDAgUgo+PgpzdHJlYW0K...
Inline-Bild in E-Mail
Content-Type: multipart/related; boundary="boundary123"
--boundary123
Content-Type: text/html; charset=UTF-8
<html>
<body>
<img src="cid:image1" alt="Eingebettetes Bild">
</body>
</html>
--boundary123
Content-Type: image/png; name="image.png"
Content-Transfer-Encoding: base64
Content-ID: <image1>
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==
API-Integrationsbeispiele
REST API-Anfrage
{
"action": "encode",
"data": "Hello, World!",
"format": "standard"
}
REST API-Antwort
{
"success": true,
"result": "SGVsbG8sIFdvcmxkIQ==",
"inputSize": 13,
"outputSize": 18
}
GraphQL-Mutation
mutation EncodeBase64($input: String!) {
encodeBase64(input: $input) {
result
inputSize
outputSize
}
}
Datenbankbeispiele
SQL-Insert
INSERT INTO documents (name, content_base64)
VALUES ('document.txt', 'VGhpcyBpcyBhIHNhbXBsZSBkb2N1bWVudC4=');
SQL-Select
SELECT name,
CONVERT_FROM(DECODE(content_base64, 'base64'), 'UTF8') as content
FROM documents
WHERE id = 1;
Konfigurationsbeispiele
Umgebungsvariablen
# Base64-kodierte Konfiguration
DATABASE_URL="cG9zdGdyZXM6Ly91c2VyOnBhc3N3b3JkQGxvY2FsaG9zdC9kYg=="
API_KEY="YWJjZGVmZ2hpams="
Konfigurationsdateien
# config.yaml
database:
connection_string: 'cG9zdGdyZXM6Ly91c2VyOnBhc3N3b3JkQGxvY2FsaG9zdC9kYg=='
api:
secret_key: 'YWJjZGVmZ2hpams='
Fehlerbehandlungsbeispiele
Ungültiges Base64
Eingabe: "Hello World!" (nicht gültiges Base64)
Fehler: "Ungültiges Base64-Zeichenkettenformat"
Unvollständiges Base64
Eingabe: "SGVsbG8gV29ybGQ" (fehlende Auffüllung)
Fehler: "Ungültiges Base64-Zeichenkettenformat"
Datei zu groß
Eingabe: large-file.zip (15MB)
Fehler: "Dateigröße überschreitet maximales Limit von 10MB"
Diese Beispiele demonstrieren die Vielseitigkeit und praktischen Anwendungen der Base64-Kodierung in verschiedenen realen Szenarien.