Read und base64 codieren eine Binärdatei
Ich versuche eine Binärdatei aus dem Dateisystem zu lesen und dann base64 in JavaScript zu kodieren. Ich verwende die FileReader-API , um die Daten und den Base64-Encoder zu lesen, der hier .
Der Code, den ich habe, scheint zu funktionieren, das Problem ist, dass die generierten base64-Daten falsch sind. Folgendes habe ich bis jetzt:
%Vor%Hier ist die Datei, mit der ich teste (es ist ein 100x100 blaues Quadrat):
Laut einem Online-Base64-Decoder / Encoder sollte diese Datei folgendermaßen codiert sein:
/ 9j / 4AAQSkZJRgABAgAAAQABAAD / 2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL / 2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL / wAARCABkAGQDASIAAhEBAxEB / 8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL / 8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4 + Tl5ufo6erx8vP09fb3 + Pn6 / 8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL / 8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3 + Pn6 / 9oADAMBAAIRAxEAPwDxyiiiv3E8wKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAo oooAKKKKACiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiigAooooAKKKKACiigAooooAKKKKACigAooooA // Z
... aber was ich aus dem JavaScript herausgehe, ist:
W7 / DmMO / w6AAEEpGSUYAAQIAAAEAAQAAw7 / DmwBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDLDv8ObAEMBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMsO / w4AAEQgAZABkAwEiAAIRAQMRAcO / w4QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoLw7 / DhADCtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDLCgcKRwqEII0LCscOBFVLDkcOwJDNicsKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5esKDwoTChcKGwofCiMKJworCksKTwpTClcKWwpfCmMKZwprCosKjwqTCpcKmwqfCqMKpwqrCssKzwrTCtcK2wrfCuMK5wrrDgsODw4TDhcOGw4fDiMOJw4rDksOTw5TDlcOWw5fDmMOZw5rDocOiw6PDpMOlw6bDp8Oow6nDqsOxw7LDs8O0w7XDtsO3w7jDucO6w7 / DhAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgvDv8OEAMK1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIywoEIFELCkcKhwrHDgQkjM1LDsBVicsORChYkNMOhJcOxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXrCgsKDwoTChcKGwofCiMKJworCksKTwpTClcKWwpfCmMKZwprCosKjwqTCpcKmwqfCqMKpwqrCssKzwrTCtcK2wrfCuMK5wrrDgsODw4TDhcOGw4fDiMOJw4rDksOTw5TDlcOWw 5fDmMOZw5rDosOjw6TDpcOmw6fDqMOpw6rDssOzw7TDtcO2w7fDuMO5w7rDv8OaAAwDAQACEQMRAD8Aw7HDiijCosK / cTzDgMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooAMKiwoooA8O / w5k =
Wenn ich eine Schätzung riskieren müsste, würde ich sagen, dass das Problem etwas mit nicht druckbaren Zeichen in den binären Daten zu tun hat (wenn ich ein Klartextdokument kodiere, funktioniert das gut). Aber was ist der beste Ansatz, um das Problem zu umgehen?
Bearbeiten
Es sieht so aus, als könnte dies ein Problem mit der base64-Bibliothek selbst sein (oder wenn nicht, dann mit dem, wie die . Wenn ich stattdessen die Uint8Array in eine Zeichenkette für den Bibliotheksaufruf entpackt wird) btoa() -Funktion des Browsers nutze und die Uint8Array binaryText direkt übergebe, funktioniert das. Schade, dass diese Funktion nicht in allen Browsern existiert.
2 Antworten
Und Google zur Rettung. Ich habe den folgenden Code gefunden, der die Eingabedaten als einfaches Array von "Bytes" (Zahlen zwischen 0 und 255, inklusive; funktioniert auch, wenn Uint8Array direkt an ihn übergeben wird) verwendet und sie der Bibliothek I hinzufügt benutzte:
Der vollständige Code für die Bibliothek mit den oben genannten Funktionen ist hier verfügbar , aber in seiner nicht modifizierten Form scheint es von einer Anzahl anderer Bibliotheken abhängig zu sein. Die oben beschriebene leicht gehackte Version sollte für jeden funktionieren, der nur eine schnelle Lösung für dieses Problem benötigt.
Behandle die Binärdatei als Array-Puffer, dies ist unabhängig von einer Zeichenkodierung. Ihr blaues Quadrat (.jpg) hat 361 native Bytes, bedeutet Oktette von 0..255 (dezimal) und sie sind keine Zeichen!
Das bedeutet: Verwenden Sie ArrayBuffer für die Kodierung von Base64 mit dem bekannten base64-Algorithmus.
Wenn Perl zum Ursprung zurückkehrt, wird das blaue Quadrat wie oben angezeigt:
%Vor%Tags und Links javascript jquery html5 file-upload filereader