Base64-image wird nicht geladen in Firefox

Ich habe base64 konvertiert image-und setzen auf container-hintergrund wie dieses:

background: url('data:image/png;base64,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');

Chrome und anderen Browsern öffnen, ohne jedes problem, außer Mozilla Firefox. Es zeigt mir, leeres Bild und wenn ich versuche zu öffnen, die Bild, es gibt mir Fehler:

Bild: "data:image/png;base64,iV...5CIIA=" kann nicht angezeigt werden
weil es Fehler enthält

Irgendwelche Ideen, warum dies geschieht und wie beheben?

Hier ist der fiddle zu versuchen: http://jsfiddle.net/zur4ik/QUXV5/

  • Hier wiedergegeben - nicht sicher, was das problem ist obwohl.
  • Hast du versucht zu öffnen, diese Geige in Firefox? Funktioniert es?
  • Wie hast du die base64-an die erste Stelle? Ein base64 -> img -> canvas -> base64 routine produziert unterschiedliche Ergebnis: jsfiddle.net/QUXV5/4 (obwohl das Ergebnis von Chrome und Opera Presto sind auch anders).
  • ja - Nein
  • hast du einen link zum Bild irgendwo im web? ich hab es in firefox mit einem jpg. jsfiddle.net/QUXV5/5
  • jsfiddle.net/QUXV5/8 hier ist eine Arbeit für png... lustig, aber wenn ich mir anschaue, Ihr Geige der url(") code in zwischen zeigt rot auf meinem Bildschirm. die Geigen, die ich getan habe, zeigt in schwarz
  • Ich verwendete Enigma64 - Werkzeug für Photoshop zu generieren Base64-Quellen. Sieht aus wie diese Erweiterung erzeugt falschen code.
  • das ist der, den ich verwendet... websemantics.co.uk/online_tools/image_to_data_uri_convertor
  • Enigma64 auch verursacht ähnliche Probleme für mich in Firefox.
  • welche version hast du? Diesen bug als gefixt für mich nach update

InformationsquelleAutor zur4ik | 2013-12-04
  1. 5

    Sieht aus wie es ist etwas falsch mit der tatsächlichen base64-Daten. Finden Sie ähnliche Beispiel basiert auf einer image/png;base64 Datei.

    Versuchen Sie es mit diesen tools codieren und decodieren Ihre Dateien.

    InformationsquelleAutor Oriol
Schreibe einen Kommentar