Sanitize Html with base64 image (and convert it to an image) - base64

I have a WebApp with a TinyMCE Html Editor that allows users to input some html from a web page. Images can be pasted and are encoded as base64.
Before saving the user input to DB I use OWASP java-html-sanitizer to discard potential dangerous code (javascript,...).
Some characters in the base64 string of the image are escaped and when I try to get the image back (using apache commons Base64) I'm not able to get a valid image.
Here my code for decoding the image:
byte[] b;
String s = html;
b = s.getBytes(Utility.UTF8);
b = org.apache.commons.codec.binary.Base64.decodeBase64(b);
For the HtmlSanitizer I have done nothing special, just followed the Ebay Policy Example allowing base64 images as suggested here.

Ah, as suggested here I need "to HTML decode before base64 decoding".
I have tried with apache common StringEscapeUtils:
org.apache.commons.lang3.StringEscapeUtils.unescapeHtml4(html);
and it's working. Great.

allowedSchemes: [ 'data'] or allowedSchemesByTag: { img: [ 'data' ]} can be used to allow img tag to accept/allow base64.

Related

Convert HTML to base64 in nodejs with special characters

I have created an api to convert html file to base64 string like this
let base64File = new Buffer.from(req.file.path, 'utf8').toString('base64');
It works normally with simple html file , but when it comes to html file with special characters example like : "«", "Â",... it changed to � when i write back to html. I noticed that i tried using online tool like https://codebeautify.org , it returns different result from mine (but the result proviedd by it write back to html normally) but same result for simple html file.How can i convert correctly?

How to convert png base64 to a jpg base64 nodejs

So, I am currently using an API using curl that expects a base64 string as a body. This base64 has to be in the JPG format, though. The images that I am uploading are online so the most ideal solution would look something like this:
var url = "www.someimg.nl/pic.png";
var base64png = Base64.Encode(url);
var base64jpg = Base64.Convert(base64png, "JPG");
//Do my curl here
All the solutions that I see usually save the file while they are converting it. I do not want to do this as I do not want a local copy of every image handled by my program. Is there any way to do what I am describing?

Disociate an image and text from a base64 encoded string

I'm coding an API in ASP.NET that receives base64 encoded string to parse them into a DB. My problem is the following : these strings contain both an image and some text following it and I cannot find a way to separate them to then process he text part. Of course I have no possibility of changing the format.. So I was wondering if someone had an idea or a tool to detect the begining and end of the image and the text parts?
Here is a sample :
HShIBgAwMEFCQ0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABs9ARtAHWH_G1IAG00AG1QAHVC0tB0oSgIAAQEdKEoCAAIBHShKAgADARtwADL_G2EBHVza_x0oTPoPMHAwAQExQAFmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf_AAAAAAAf4AAAAAAAAAAAAAAAAAAAAAAAB______-D___8AAAAAB___AAAAAB__8AAAAAAAAAAAAAAAAAAAAAAAf______g_____gAAAB___-AAAAD___wAAD_8AAAf_gAAAAAAAAAAAH______4P_____AAAB____4AAAD____AAA__AAAH_4AAAAAAAAAAAB______-D_____8AAB_____AAAD____8AAP_4AAB_-AAAAAAAAAAAAf______g______wAA_____4AAB_____gAD__AAAf_gAAAAAAAAAAAH______4P_____-AAf_____gAA_____8AA__wAAH_4AAAAAAAAAAAB______-D______wAP_____4AAf_____wAP_-AAB_-AAAAAAAAAAAAf______g______-AD______AAP_____8AD__gAAf_gAAAAAAAAAAAH______4P______wB______4AH______gA__8AAH_4AAAAAAAAAAAB______-D______-A__4AP_-AD__8D__8AP__gAB_-AAAAAAAAAAAAf_gAAAAA__AAf__wP_4AA__wA__4AH__gD__4AAf_gAAAAAAAAAAAH_4AAAAAP_wAAf_8D_8AAH_8Af_4AAf_4A___AAH_4AAAAAAAAAAAB_-AAAAAD_8AAB__g_-AAA__AP_8AAD__AP__wAB_-AAAAAAAAAAAAf_gAAAAA__AAAP_4f_gAAP_wD_-AAAf_wD__-AAf_gAAAAAAAAAAAH_4AAAAAP_wAAB_-H_4AAB_-A__AAAD_-A___wAH_4AAAAAAAAAAAB_-AAAAAD_8AAAf_h_-AAAf_gf_wAAAf_gP__8AB_-AAAAAAAAAAAAf_gAAAAA__AAAD_4f_gAAH_4H_4AAAH_4D___gAf_gAAAAAAAAAAAH_4AAAAAP_wAAA__H_8AAAAAD_-AAAA__A___4AH_4AAAAAAAAAAAB_-AAAAAD_8AAAP_w__AAAAAA__AAAAP_wP___AB_-AAAAAAAAAAAAf_gAAAAA__AAAD_8P_8AAAAAP_wAAAD_8D_7_4Af_gAAAAAAAAAAAH_4AAAAAP_wAAA__D__wAAAAD_8AAAAf_A_-_-AH_4AAAAAAAAAAAB_-AAAAAD_8AAAP_w___wAAAA_-AAAAH_4P_v_wB_-AAAAAAAAAAAAf_____4A__AAAD_8H___gAAAf_gAAAB_-D_5_8Af_gAAAAAAAAAAAH______gP_wAAA_-B____gAAH_4AAAAf_g_-f_gH_4AAAAAAAAAAAB______4D_8AAAf_gP____gAB_-AAAAH_4P_j_8B_-AAAAAAAAAAAAf_____-A__AAAP_4B_____AAf_gAAAA_-D_4__Af_gAAAAAAAAAAAH______gP_wAAH_-AP____8AH_4AAAAP_g_-H_4H_4AAAAAAAAAAAB______4D_8AAD__AB_____wB_-AAAAD_4P_h_-B_-AAAAAAAAAAAAf_____-A__AAD__wAH____-Af_AAAAA_-D_4P_wf_gAAAAAAAAAAAH______gP_4Af__4AAf____wH_wAAAAP_h_-D_8H_4AAAAAAAAAAAB______4D______-AAA____-B_-AAAAD_4f_gf_h_-AAAAAAAAAAAAf_____-A_______AAAB____wf_gAAAA_-D_4H_4f_AAAAAAAAAAAAH_4AAAAAP______gAAAB___-H_4AAAAP_h_-A__H_wAAAAAAAAAAAB_-AAAAAD______wAAAAB___h_-AAAAH_4P_gH_x_8AAAAAAAAAAAAf_gAAAAA______4AAAAAD__8f_gAAAB_-H_4B_-f_AAAAAAAAAAAAH_4AAAAAP_____8AAAAAAP__H_4AAAAf_h_-AP_n_wAAAAAAAAAAAB_-AAAAAD_____8AAAAAAA__w_-AAAAH_4f_gD_9_8AAAAAAAAAAAAf_gAAAAA_____8AAAAAAAH_8P_wAAAD_8D_4Af_f_AAAAAAAAAAAAH_4AAAAAP____4AAf_gAAA__D_8AAAA__B_-AD_7_wAAAAAAAAAAAB_-AAAAAD_8AAAAAH_4AAAH_w__AAAAP_wf_gA_-_8AAAAAAAAAAAAf_gAAAAA_-AAAAAB_-AAAB_8H_4AAAH_8H_4AH___AAAAAAAAAAAAH_4AAAAAP_gAAAAAP_gAAAf_B_-AAAB_-A_-AB___wAAAAAAAAAAAB_-AAAAAD_4AAAAAD_8AAAH_wf_wAAA__gf_gAP__8AAAAAAAAAAAAf_gAAAAA_-AAAAAA__AAAB_8D_-AAAP_wH_4AB___AAAAAAAAAAAAH_4AAAAAP_gAAAAAP_4AAA__A__wAAH_8B_-AAf__wAAAAAAAAAAAB_-AAAAAD_4AAAAAB__AAAf_wH_-AAD_-Af_gAD__8AAAAAAAAAAAAf______g_-AAAAAAf_8AAP_4B__wAD__gH_4AA___AAAAAAAAAAAAH______4P_gAAAAAH__wAf_-AP__AD__wB_-AAH__wAAAAAAAAAAAB______-D_4AAAAAA_______AB______8Af_gAA__8AAAAAAAAAAAAf______g_-AAAAAAH______wAf_____-AH_4AAP__AAAAAAAAAAAAH______4P_gAAAAAA______4AD______AB_-AAB__wAAAAAAAAAAAB______-D_4AAAAAAH_____8AAf_____gAf_gAAf_8AAAAAAAAAAAAf______g_-AAAAAAA_____-AAD_____wAH_4AAD__AAAAAAAAAAAAH______4P_gAAAAAAH_____AAAP____4AB_-AAA__wAAAAAAAAAAAB______-D_4AAAAAAAf____AAAB____4AAP_gAAH_8AAAAAAAAAAAAf______g_-AAAAAAAB____AAAAH___4AAD_4AAA__AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD__-AAAAAf__4AAA_-AAAP_wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH_0AAAAAA__gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf_HAQD4AgEIEgIAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH_x4OD_gf_D_8P_AB4Dh_gOA4f-ABwHHA_AcA_AAAAAAAAAAAAAAAB_8OHh98H_w__D_4AOBw_8DgOH_wAcBxwf8HA_4DgMAAAAAAAAAAAAcADxw8HhwAOAAwPADwceHg4DhweAHAccPHhwfPA8DAAAAAAAAAAAAHAAc4OA4cADgAOBwAcOHAcOA4YDgA4OHDg4cHA4PgwAAAAAAAAAAABwAD8DAAHAA4ADgOADnDgHDgOGA4AODhwwOHDgHD4MAAAAAAAAAAAAcAAfBwABwAOAA4DgA5w4Aw4DhgOADgwcOABw4Bw3DAAAAAAB0oTAIAMDIdXCYAHShM-gUwcDABATFAASYAAAAAAAf_AeBwAB_8P_g4DgAfg4Aw4DjgeABxwcPwBwwBwzDAAAAAAAAAAAAH_wHgcAAf_D_4OA4AHwOAOOA4__AAccHB_gccAcM4wAAAAAAAAAAABwAD8HAAHAA4ADgOAA8DgDjgOP_gAHGBwD8HHAHDHMAAAAAAAAAAAAcAA_gwDhwAOAA4DgAGA4Aw4DjgcAA7gcAHhwwBwxzAAAAAAAAAAAAHAAc4OA4cADgAOA4ADgOAcOA44DgAO4HEAccOAcMOwAAAAAAAAAAABwAOHDgOHAA4ADgcAA4DgHDgcOA4ADsBxwHHDgHDB8AAAAAAAAAAAAf_Dh4ePBwAOAA4PAAOAcDg4HDgOAAfAccBxw8DgwfAAAAAAAAAAAAH_xwOD_gf_D_8P_gADgD_4H_g4DgAHwHDx4cHh4MDwAAAAAAAAAAAB_84BwfwH_w__D_gAA4Af4A_wGA4AA4Bwf8HA_8DA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AD4BgGAAOAcD-BwD8AwHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdKEwCADAyG3QACht0AEVQU09OIEVVUk9QRSBTSE9QG3QACht0AE90dG8tSGFobiA0G3QACht0AE1lZXJidXNjaBt0AAobdAA0OSA1NTUgNTg0IDExOTUbdAAKCht0AFRoYW5rIHlvdSBmb3Igc2hvcHBpbmcbdAAKG3QAUGxlYXNlIHZpc2l0IHVzIGFnYWluIHNvb24bdAAKCht0ADIwMTUvMTAvMzAgMTg6MTkbdAAKG3QACht0AEVQU09OIFdvcmtGb3JjZSBXUC00G3QAICAxG3QAIBt0ACAgICAgICAgIBt0EIAyNjIbdBAKCh0hEBt0EE5FVB0hABt0ECAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIIAyNTAbdBAKHSEQG3QQVEFYHSEAG3QQICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIIAxMht0EAodIRAbdBBUT1RBTBt0ECAgICAgICAgICAggDI2Mh0hABt0EAoKG3QQQ0FTSBt0ECAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICCAMzAwG3QQCh0hEBt0EENIQU5HRRt0ECAgICAgICAgICAggDM4HSEAG3QQCgobYQEbZAMdVkIA
I cannot comment, so I post this as an answer:
You could decode the base64 encoded string to binary and try to detect the magic number of the image (assuming it has one). if it is an JPEG image it has a start and end signature. a BMP has the size of the image encoded into the header.

Image to binary string

I need this for a scriptUI panel I am working on. I am trying to add a custom image button and the image to be part of the jsx file.
Does somebody know how this kind binary string is achieved, and how do I turn a png file to string of that type '\u0089PNG....' (is it initially Base64 encoded and then another encoding, or is it an encoded Byte array):
http://i.imgur.com/n2wpdmQ.png
Thanks in advance!
I found the solution using ExtendScript Toolkit
var img = File("1.png");
img.open('r');
img.encoding = 'BINARY';
var imgstr = img.read();
img.close();
$.writeln(imgstr.toSource());
It reads the PNG image and outputs the string in the console.
Thanks!

decode base64 svg data to a svg file

I have a file containing a svg image which is base64 encoded (data-uri). The file starts with
data:image/svg+xml;base64,PHN....
How to decode this to a .svg file in linux ?
You can copy/paste the string (data:imageetc included) in the url bar of a modern browser; it will decrypt it for you, then you can simply save the page as an svg.
You could use an online base64 decoder, such as http://www.base64decode.org/
To address the OP question:
How to decode this to a .svg file in linux ?
Since linux has python by default, I suggest to use python script.
Here is a working example:
import base64
#change "YOURFILE" with the name of your original file
with open("YOURFILE", "rb") as f: encoded = f.read()
encoded = encoded.replace("data:image/svg+xml;base64,", "")
decoded = base64.b64decode(encoded)
#change "NEWFILE" with the name that you want to give your new svg
with open("NEWFILE.svg", "wb") as f: f.write(decoded)
If you are new to python, simply copy-paste the code above into a file with .py extension, for example aaabbb.py and then execute it like this:
python aaabbb.py
You can use e.g base64 --decode < "your base64 data here". And you probably need to strip off the data:image/svg+xml;base64, part before passing it in.
or you can use the online tool
http://www.hosting4free.info/Base64Decode/Base64-Decode.jsp
I use SVG online decoder, fast and simple
https://base64.online/decoders/decode-base64-to-svg
I resolved problem:
let base64 = 'data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMM...'
let url = base64.replace("data:image/svg+xml;base64,", "");
var svg = decodeURIComponent(escape(window.atob(url)));

Resources