jquery.app
Deutsch
EnglishDeutschFrancaisEspanol日本語Nederlands

Kodierungs-, Hash- & Sicherheits-Tools

Kostenlose Uint8Array Base64/Hex Konverter

Generieren Sie Code-Snippets mit Uint8Array.toBase64(), .toHex(), .fromBase64() und .fromHex() fur native binare Kodierung.

Tool wird geladen...

Was ist Uint8Array Base64/Hex Konverter?

Uint8Array.prototype.toBase64() kodiert die Byte-Inhalte eines Uint8Array in einen Base64-kodierten String. Uint8Array.prototype.toHex() erzeugt einen hexadezimalen String in Kleinbuchstaben. Ihre Gegenstücke, Uint8Array.fromBase64(string) und Uint8Array.fromHex(string), parsen Base64- und Hex-Strings zurück in Uint8Array. Diese Methoden sind Teil von Baseline 2025 (Chrome 136+) und eliminieren die Notwendigkeit manueller Kodierungs-Helfer. Sie sind der Standardweg, um Binärdaten zwischen dem Browser und dem Server oder zwischen verschiedenen Web-APIs zu übertragen.

Kurze Antwort

Generieren Sie Code-Snippets mit nativen Uint8Array Base64- und Hex-Kodierungsmethoden. toBase64() und toHex() kodieren Binärdaten; Uint8Array.fromBase64() und Uint8Array.fromHex() dekodieren Strings zurück in Binärdaten. Verfügbar in Chrome 136+, Edge, Firefox, Safari. Keine manuellen btoa- oder charCodeAt-Schleifen mehr nötig.

Last updated: 2026-06-02

Einschränkungen

  • Nicht verfügbar in älteren Browsern ohne Baseline-2025-Unterstützung. Stellen Sie für breite Kompatibilität einen Fallback mit manueller Kodierung über btoa und charCodeAt bereit, bis die Methoden alle unterstützten Umgebungen erreichen.
  • Das Dekodieren sehr großer Base64- oder Hex-Strings in Uint8Array allokiert den vollständigen dekodierten Puffer im Speicher und kann zu Out-of-Memory-Bedingungen führen. Ziehen Sie für extrem große Daten Streaming-Decoder oder chunked Processing in Betracht.
  • Nur standardmäßiges Base64 mit Padding wird von fromBase64() unterstützt. URL-sichereres Base64, Base64 ohne Padding und Hex-Strings erfordern eine Vorverarbeitung vor der Verwendung der nativen Methoden.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

So nutzt du dieses Tool

  1. Erstellen Sie ein Uint8Array aus Dateidaten, Typed-Array-Operationen oder einer Web-API wie fetch, WebSocket oder FileReader.
  2. Rufen Sie .toBase64() auf dem Array auf, um einen standardmäßigen Base64-String zu erhalten, der für JSON-Payloads, Data-URIs oder API-Anfragen geeignet ist.
  3. Rufen Sie .toHex() auf dem Array auf, um einen Hex-String zu erhalten, der für Debugging, kryptografische Anzeige oder Protokolle nützlich ist, die Hex-Kodierung erwarten.
  4. Verwenden Sie Uint8Array.fromBase64(string) oder Uint8Array.fromHex(string), um den kodierten String zurück in Binärdaten zu dekodieren.

Wofür du es nutzen kannst

  • Kodieren Sie binäre Dateiinhalte, die von einer Dateieingabe hochgeladen wurden, als Base64 zum Senden in einer JSON-API-Anfrage.
  • Zeigen Sie rohe Byte-Daten als Hex-String in einem Entwicklerwerkzeug oder Debug-Panel zur Inspektion an.
  • Dekodieren Sie eine Base64-kodierte Antwort von einer WebSocket- oder fetch-API zurück in ein Uint8Array zur weiteren binären Verarbeitung.

Anwendungsfalle

Praxisbeispiele

Beispiel

Datei als Base64 für JSON-Upload kodieren

Ein Benutzer wählt eine Datei in einem Eingabeelement aus. Lesen Sie die Datei als ArrayBuffer, verpacken Sie sie in ein Uint8Array, rufen Sie toBase64() auf und fügen Sie den Base64-String und den Dateinamen in eine JSON-Payload ein, die per fetch an den Server gesendet wird.

Beispiel

Hex-Bytes zurück in Binärdaten dekodieren

Ein WebSocket liefert einen hex-kodierten Byte-String wie a1b2c3d4. Übergeben Sie ihn an Uint8Array.fromHex(), um die zugrundeliegenden Binärdaten zu erhalten, die dann als Bild gerendert oder in einem WebAssembly-Modul verarbeitet werden können.

Haufige Fehler

  • toBase64() oder toHex() auf einem regulären Array statt einem Uint8Array aufzurufen - diese Methoden existieren nur auf Uint8Array-Instanzen, nicht auf Array oder anderen Typed Arrays.
  • Anzunehmen, dass fromBase64() nicht standardmäßige Base64-Varianten akzeptiert - es erwartet standardmäßiges Base64 mit Padding. Verwenden Sie die Base64-URL-sichere Variante durch manuellen Ersatz vor dem Dekodieren.
  • Einen ungültigen Hex-String (ungerade Länge, Nicht-Hex-Zeichen) an fromHex() zu übergeben - dies wirft einen SyntaxError. Validieren oder bereinigen Sie Hex-Eingaben immer vor dem Dekodieren.

Überprüfung

  1. Öffnen Sie die Chrome 136+ DevTools-Konsole. Erstellen Sie ein Uint8Array via new Uint8Array([72, 101, 108, 108, 111]). Rufen Sie .toBase64() auf und überprüfen Sie, dass es den String 'SGVsbG8=' zurückgibt. Rufen Sie Uint8Array.fromBase64('SGVsbG8=') auf und überprüfen Sie, dass die Ausgabe dem ursprünglichen Array entspricht.
  2. Rufen Sie .toHex() auf demselben Uint8Array auf und überprüfen Sie, dass es '48656c6c6f' zurückgibt. Rufen Sie Uint8Array.fromHex('48656c6c6f') auf und bestätigen Sie, dass das dekodierte Array dem Original entspricht.

FAQ

Fragen zu Uint8Array Base64/Hex Konverter

Wie vergleichen sich diese Methoden mit btoa und atob?

btoa und atob arbeiten auf Strings, nicht auf Binärdaten. Um Binärdaten mit btoa zu kodieren, müssen Sie zuerst jedes Byte über String.fromCharCode in ein Zeichen umwandeln und dann btoa aufrufen, was umständlich und fehleranfällig ist. Uint8Array.toBase64() und fromBase64() arbeiten direkt auf Byte-Arrays, behandeln alle Byte-Werte korrekt und erzeugen standardmäßige Base64-Ausgabe. Sie sind der empfohlene Ersatz für binäre Kodierungsaufgaben.

Kann ich diese Methoden in Node.js verwenden?

Uint8Array.toBase64(), toHex(), fromBase64() und fromHex() sind Web-API-Methoden, die in Browsern verfügbar sind. Node.js verwendet Buffer für binäre Kodierung (Buffer.from().toString('base64') und Buffer.from(string, 'base64')). Für plattformübergreifenden Code verwenden Sie Feature-Erkennung oder ein konditionelles Polyfill.

Unterstützen diese Methoden Streaming oder große Arrays?

Diese Methoden arbeiten auf dem gesamten Uint8Array im Speicher. Für sehr große Datensätze (hunderte MB) kann das Dekodieren in ein einzelnes Uint8Array speicherintensiv sein. Sie bieten keine Streaming-Schnittstellen. Für große Daten verarbeiten Sie Chunks inkrementell oder verwenden Sie die Streams-API, wo anwendbar.

Was ist mit Base64-URL-sicherer Kodierung?

toBase64() erzeugt standardmäßiges Base64 mit +- und /-Zeichen sowie Padding. Es gibt keine eingebaute URL-sichere Variante. Für Base64url-Kodierung ersetzen Sie + durch -, / durch _ und entfernen Sie nachgestellte =-Zeichen nach der Kodierung. Die fromBase64()-Methode erwartet standardmäßig Base64 und parst die URL-sichere Variante nicht direkt.

Verwandte Tools

Weitere kodierungs-, hash- & sicherheits-tools

Kodierungs-, Hash- & Sicherheits-Tools

CSP Hash Generator

Erstelle CSP-Hash-Werte für Inline-Skripte und -Styles. Hashe exakten Code mit SHA-256, SHA-384 oder SHA-512.

Tool öffnen

Auch ausprobieren

Auch ausprobieren