Jemand schrieb und fragte, wie man das "Originalbild" bekommt, wenn man nur die Daten-URL-Version des Bildes hatte. Ich bin mir nicht ganz sicher, wie man in diese Situation gerät, aber hey, ich bin mehr als einmal in einem Kofferraum aufgewacht.
Sie können das Original absolut zurückbekommen, indem Sie die wunderbaren Kräfte des Browsers ausnutzen.
Hier sind die Daten, die sie haben
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLTItMmgyNHYyNEgtMnoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAgMjBDNC40OCAyMCAwIDE1LjUyIDAgMTBTNC40OCAwIDEwIDBzMTAgNC40OCAxMCAxMC00LjQ4IDEwLTEwIDEwem0xLTE1SDl2MmgyVjV6bTAgNEg5djZoMlY5eiIgZmlsbD0iIzE2ODJGOCIvPjwvc3ZnPgo=Setzen Sie das Ding in ein <img>-Tag und öffnen Sie es im Browser, und Sie werden es gerendert sehen
Jetzt können Sie es aus dem Browser auf Ihr lokales Dateisystem ziehen
Und diese Datei wird das Original sein
👔
„Bild speichern unter“ im Kontextmenü funktioniert in mehr Browsern. Interessanterweise speichert Edge das Bild aus irgendeinem Grund als PNG. Ist das ein #EdgeBug?
Sie können es auch in die Adressleiste einfügen und von dort speichern.
Ach, das wollte ich erwähnen. Ich dachte, ich wäre einer dieser wenigen Auserwählten, die diese Dinge wissen.
Ja, das ist der einfachste Weg, fügen Sie es einfach in die Adressleiste des Browsers ein.
Verwenden Sie einfach Ihre bevorzugte Programmiersprache. Machen Sie eine Base64-Dekodierung. Schreiben Sie die resultierenden Daten in eine Datei
Auf dem von Chris vorgeschlagenen Weg der Programmierung. Ich lasse hier eine Bibliothek, die ich für Node.js erstellt habe, um diese Schritte der Dekodierung der Daten-URI (auch Codierung) und des Speicherns in einer Datei zu erleichtern
https://github.com/DiegoZoracKy/image-data-uri
In einer unserer Anwendungen speichern wir eine "Signatur auf Glas" als Daten-URL in unserer Datenbank. Um sie dann anzuzeigen, machen wir genau das, was Chris hier vorschlägt: Wir stecken sie in ein Tag.
Danke, gut zu wissen.
Übrigens, als Sie mehrmals im Kofferraum aufwachten, hoffe ich, Sie hatten den Schlüssel?
Ich denke, nach vielen Malen, ohne Schlüssel, hat Sie vielleicht der Hund herausgelassen. Ich weiß, dass meine Frau es nicht tun wird (vergangene Erfahrungen).
Sie könnten auch
Das hat mir SEHR geholfen! Aber gibt es eine Möglichkeit, eine Daten-URL in einen normalen URL-Bildlink umzuwandeln? Wo kann ich mehr über Daten-URLs erfahren/verstehen?
Ich nehme an, das geht nicht, da die Daten kein Link zu einer Ressource sind, sondern die tatsächlichen Informationen des Bildes, nur zur Einsparung von Bandbreite codiert.
Dieser Stackoverflow hat einige gute Erklärungen, wo und warum man ihn verwenden sollte und wo und warum nicht.
http://stackoverflow.com/questions/1124149/is-embedding-background-image-data-into-css-as-base64-good-or-bad-practice
Sehr nützlich. Ich wusste, dass man es in einem Browser anzeigen kann, aber nicht, dass es zurück in SVG gespeichert wird!