Wie bekomme ich image Bytes String (base64) in html5, jquery, javascript?

8

Ich habe ein Bild in iPhone oder Android, und ich möchte diesen Dateistrom oder Bytes String durch jQuery AJAX zu Web Service übergeben, um die Datei auf dem Server zu speichern.

Also, in HTML5 wie bekomme ich Bilddatei (jpg, gif, etc ..) Bytes Zeichenfolge, so dass ich das auf Server veröffentlichen kann?

    
Ankit Shah 18.10.2012, 08:40
quelle

2 Antworten

9

Sie können das Bild mit canvas.drawImage(image, 0, 0) auf eine Arbeitsfläche mit der gleichen Größe kopieren und dann die Methode .toDataURL('image/TYPE') der Arbeitsfläche verwenden, um die base64-Repräsentation des Bildes abzurufen. 'TYPE' wäre dann entweder jpg, gif oder png

Beispiel: Stellen Sie sicher, dass sich die aktuelle Seite und das Bild auf derselben Domain, Subdomain und im selben Protokoll befinden. Andernfalls erhalten Sie einen Sicherheitsfehler. Stellen Sie außerdem sicher, dass die Leinwand die gleiche Breite und Höhe wie das Bild

aufweist

HTML

%Vor%

Javascript

%Vor%     
devnull69 18.10.2012, 08:45
quelle
3

Hinzufügen zum Codebeispiel, um die Rohdaten ohne das Format am Anfang des Strings zu isolieren ...

Javascript:

%Vor%

persönlich mag ich das und finde es viel sauberer & amp; schneller als mit indexOf und substring

    
OG Sean 22.10.2014 16:08
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Speichern eines BMP-Bildes in einem QR-Code