This program demonstrates how to read a base64 image as a text blob.
<!DOCTYPE html> <html> <head> <title>XoaX.net's Javascript</title> <script type="text/javascript" src="ReadABase64ImageAsTextInABlob.js"></script> </head> <body onload="Initialize()"> <img id="idImage" /> </body> </html>
function Initialize() {
var qBlob = new Blob(["data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAZCAYAAADja8bOAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAyMSBTZXAgMjAxMSAwMTo1Njo0NCAtMDYwMM+qEkIAAAAHdElNRQfbCRsDOQw7UYtrAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAACndJREFUeNrtWgtQVOcV/vcB7C4PkVVBUREMiorBasQXjUzSTDS2Y7W1tpkW7SOTpknfbSaN7Yxt2iYxtqMxibZNYiamPltTzSST1klCXJUVFMXH8lALsgiyuALLwrLP2+/s3ksu13uX3QV0pnJmztx/7/865//P+y5jIzACIzACIzACdxdwxcWJwFF3mo4R/gYH6kgH4jA0wHWB4mLTizk5yXilimLuUjwueDjuDTwT7zTTdyN/QwURCwxgDHAHTrEoS6f7DYvgYHit24ZmKXCKlrGVXzIa16Adf6cZvwv5GxKIWGBUpaWtTr//b9ReYTSWjI2Lm4OmVmm8oHXAp+j3Nbf7wuIzZ/74nt2egp+pLAoNvh3w/87fkJ1TNIOr5s+fmG8wXFKrVLrXmptffrKu7td43SUeQ1qHxwuMP8gAx/neun591+N1dZd9HHeNhbSxCejH2AL0L2IqVQH6bL5AwHzD6zVnmc0dtNRgGCM6sPYPHX7/v0cfO1ZFpNxu/oabXpn5P8Wh3aM0xs9xtQlHj76Epo+fMx2PZ/BeFcl4AkUNkoOCiopr7UVFr6dqtU+VpKev3Vhff6ANFywigLTuLeAU+k1a95WLFw+edDjo0E8BK4AujBuP515gES4nuHY8nvEaDZuk0fTaliz55bjjx7dHe+iSS/0Qaxdh9dVorwK2DHQJQ8VftJfNwyugd70Svdh7J11spdP5TOHp063sVoUKzg+3gc3rPY7Hxzytfgj4eC3maFSqiMbTu6gEhohsdLtfTNFovpek0aRvzM5eAy2sAjPE2EBaRwfgwdiH8XyHhWKGEGEez6UUrXacTq0eBdJ1cAfbrIsW3T+prKwE3b1REcgLC7CIhU48HY9i4AHaf7j5i/I8BZpX4LFeiV6hny7WFQh0o70B2Ml4oRHPb/F4ajp9vg65fap7ehpZSNjPkAB4AoFOHO5RCOLUUVptpnS+dHwsAnOLFiIIugCqn1VFoHVgjIgiy5Lq5TjnpsbGtzdbrS0dPh8dTOcjRuPYV3NzV03R6eZOTEhY8/7s2dYV589viFRopMISfMcFzzTirGcw/MUoLJSK71CiV9xPirWsqooucSawHOiT9ueYzbt7A4HrPE1SK0Q02gRaE02msyUZGY+9lptLVoS13jrfLx4fk8AwiRZ+f8KEvwYpiUzrtpCw0NgHzp7dcqyz047fZPJrgT0f2O3qbLt9d21h4V+mGQxfWJaW9qMnJkwwb29u/hf6vdEIyyWXqyJXr5/Pd0cTqw2Gv1iAzmSi5J1K2k/7f6O6eh8sTBt+n2efxRV9/b+9evXwJ3PmzJmVmNgdp1JxUMraFJNpC3/xgvBwornczry8X0EpMmn+oxbLfghLM97/k+5DZnxMAsNmGgwUWDmBOvrdBK376gBaR3UOPJZR+9Xm5p0QFjJ7h4FWniCBoYb63t4nsvX6CjCdOicp6UG8OwFsZgqBsFRYXrJat9u9XvcLOTnzWQwQC3+xgNiVtPt8jaO12slK/Qfa2vZ93N5ObuhTYLdcf4vb3b0wJWW1ML/d46EY5CMmikHCrt/RQXdSCnQo8RZNHaav7oBA6RMEWH0xyDutrcdwmFfR/AcLXW63zIb5wCRqvNHS0sQfOgkLWQ6xIASWnTt3xR0IHKEfc5OTp7KQO1Ar0cQkwvL0lSsNC1JSyKwiAYvcuAySv6hA6kq2NjUdFvcfzM/v17++pqYazbP8mQWk86k/LS7ucpffb4J1Lavp6TGbHQ4hBtEMtL90fSW6o6n03lJ3KHM4/kPtJzMzVxnj4hpYyArImmgEVp9jLGTaq5xOGnOZiUyddDtkTWR22VS9fhoe4+VoVRIWNE0PpKbeiPICB8VfDNDP1SSo1WTR+gT8i0bjJnE/XAW5v5Oi/bdI+6GIh+GCvj7t5MmtM8rLX1l94cJ7TBKDKO0vs74sDOiSwtUdEJy21xQW3p8MX/+77OyVyCgqlDaEP71CUT40V4v4RFXX0xO21oKxZFlYs9tNEm9kEoGRCgs0q3VuUtKESwsWpCFgngV3lhPJrQ0Vf6L15mGN5R6OuwrFOLSwstIhM+YWV/OH7Oy+dX+QmTkO9K8T97MwrkjU38Xju+LtmEQxB3J14SCshVGqZn63ttaCwO/EZZdrl8Pvf536KKNAOlzAFITwjNN5iuMJXz1mzFgWck8qhX0TIFi0Nzvd1UWWyMFEwiWXDdGlPjh69Mp79Pq1SM9LIHDBPj7rGHb++PWex+MUaH8ONLw9Lzm59oN7750p5lPJFcwwGIKXBUuTiNjrMWk/C+OKWH9XQugRoVdCY0yuKKzASL+RkNa92dKyc4rZvAe+/L8sVCMgX+60IqNAf69Qt8A7vdyaiysrXXBLJMVsQ1bWo8vT0iim0TB5+L2Qxu6x2YiR6wIzctkQ+Wsp0mGEudgh548vGfyC2p5AIOheEAtl9Pj9P0NznEhoZF2BQaMJBqUGtdoI4c+MxhWxCFyJCAY1Xy4uCKt1LBT4WYUNqG4RqRY2ezw/9vOH/2Ze3tb3Z89eLKaBv0gqRf+Efh9sa9v74c2bZF0o4AzIxSzw1+/CX+8gny3Gv9ts+xQudlj4A18PCe8zy8o2l3Z0HKI2UtxZeMwAaqJxBfvb2vZH4YoGdCVDMZ9JGceCz+FB30+iqTvIVkeZ5BsMQVZZmaW2sPBZxDB/zoiPz3/EaPzUvXRpLSSmBi6EKpx5LPThLniRay0Wulgyl02gTcXkA9xj/Jh+fvo7GRnfoqc4SxpO/pDVVcFKBNuV9923CnEUfadhV1wuyggz4JpGswhdARXQvl1TY2EKrigolAkJaZbCwvlTdbrZOLug35X79iPifVCuSIB+FsYVCJwTLiuc1klB0MKzTueR3a2tlJ1QZiPnbrjp5eXbkEKuo7oDvUA2NB2meyWudaEgLIdv3NifV16+F3vTnmW0r6q01A/6DkqExQQ8zUJFJrHf9iAWqGtyu/d81N5OY/zDzV+iyVQFnuiTB5uUkFBAnzjINW1saLiIVx37bbaum17vn0CDXc4VcHw1O+gqLJYDMq6imIkKfEWjRi1H3PO1+FC8to7Q7vORBZmncPbOcPtHCtKgU32koODx5efOJeIgqaJYyiKvZsYBP89CZW3KJvriDrmxCAjzvpmeXoK0eXKOTpfZ4fN1Vjqd1/a0trYgnaUYgC6XqsDigFf79OTJX97U2DiRZ7YS6FbYQ80fcD4vUGSJAsPJ35qxY/XLjcafL0hJWVbT3W3dUF9fjXiqnYWyFkrJNdP0+oV1LhdZUiqoNQhrnJg7Vw9rsWuz1doAhSCaqLpdL/S3LVkyHpf1st3rnah0qNU9PfVIpQ/x+8nxFKe0f6Qgl6XQwVBKSxagN8oFtfya/gjm0YVSppQLpKwpld+vjd+bvshKi3oCfVRUu8EG+FzA76Fh/VPL4eaPgmK6EKoWk7CQhbGxzyqttEYCk68UG1jIkpCLtEj4o33JrQhCK3d3tB4Jsokp17jC7T8gKJVB1bEsFgOo+L3UfJvjUUgPw80bzP9lhps/DesvqJHSSnxpedr8YfrDla9pr4EUaQRG4PbA/wBSZAgSTv6cCgAAAABJRU5ErkJggg=="], {type:"text/plain"});
var qFileReader = new FileReader();
qFileReader.addEventListener("loadend", function(qEvent) {
var qImageElement = document.getElementById("idImage");
qImageElement.src = qEvent.srcElement.result;
});
qFileReader.readAsText(qBlob);
}
© 20072025 XoaX.net LLC. All rights reserved.