-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathdata_image.html
14 lines (14 loc) · 2.35 KB
/
data_image.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>data image</title>
<!--
https://stackoverflow.com/questions/20756042/how-to-display-an-image-stored-as-byte-array-in-html-javascript
-->
<!-- followed long line containing a 16 pixel wide png image formatted as sinele line base64 string -->
<body onload='document.getElementById("data_image").src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAAABHNCSVQICAgIfAhkiAAABU9JREFUSInFl2lsVFUUgL/33iyP6avTZRYtLUrpUEpbaAuhSgiRICZumLgkKmpoQiT+MHH5pYn9URKXH0pCiEYD1qBo3JeIprhQ3EoKtUJBLJPS1pnKdDpdpu/N0pk3c/0BKmamJQjRk9zkJfed891z7jnn3it1d3cL/gexCHHx3GwmQTT4HjPTh0jHg6Ti40iyjL1gPs6rt6K5111+8PSZT5k8vYOF1bVULFvDPM2NXXWRzaaYnjjJT9+/hJk4g7Pi3rnBFwPVQ18QHXqRG+/ciqOoGSEySJKMmezDjH+L5riKtbc8Sse7z1DgWY/F7pnVltTV1TWny5FJA1exBggGD65lWaNJLLGUaV0wHhrEPq+YqrrrqKpbRyL8JDbnJkaGznDKn8ZV3TqrXVkIwWxDjyV59Nl3+ObQrwghUKwqx4/ZmZhZj+J+nPJr91Fas4MBf5DAQA+2ogcwE92UltVhJvyz2hVCzB3qt/d1c/fG63nr80NYLDJ1ZffiKFmNvbD675XPm0/xwscYONFGReVmUul3UAvLSSfH5jI9e3IFQpMc+WWEV7ZuJjAueOOzw7TcvpZrF1SeW3WWsZOtxMYOAGB3lILshGwci1UlnZzmdOdqAArc63DXtCFJ8oXBr33wA5vuv4uUCf2/TVLftIr2Tw6jyDIr664GJNxLWhHpURZVV7JkxX2AQGAiyXbuengv/p/30n/Cj6v6aUDifFbeUB85MYzicGIv8pJIZ4hMxcgKQV3DSnZ/fASrRWH5knKQrLiWbsd/bAuq5qRiYTWS5CCTGiD0Wz8nj/bgXd6OJNtyGDnJlTYzvP5RFzfdejMTRoo/FzkRjdM/NE7NsiZe/bCb4/4RhBBIigNX7U6O/thBJDSK48rtTEVCHD74Ga7anUiKlje5csD7Dvax5vo1JISVWNKE83ZiUk9wajhCdW0DL7/fTf9g6KwRazGu2p0c+movQ798yndf7KF06XYUm2fWrJbPd9/MZPnwy14WVvnIZgVS3t2HZDrL4sU+ntvVQSyROrtnahklNS/S2/U1xb5t2AqqZtHOE2pFlnh88w3sfuU11GwMb5GKdI5usypUVZRSX+lmOjzE+MgA2x7ZiEO1/qVvdSziyqZ3sTub5qzhvHVc7yvjqS0beP7Vdu657060JS7K3FdQ5i5ESet0d33L/betYu1K39+Rmpri91270Ht6SI6Oonq9FK5YQdmWLViKivJ6LHV2duatp6ie4Pnd+7lj4wZ+PjXK0d5e6ha52XTrKjSH/a//9N5ehrdto6qhAe+CChQB0UCAcChEMBCgsq2NwsbGXPCBAwdm7dWptMmONzsJRaZ56O41LL7mn03fnJri5IMPsnr9epyFhaSGh0lHIpiJBFmPB11RON7Xx9I9e3I8nxMMIIQgKwSKLOfMBV54geLTp6lpWE7m+AmsiThmPMGMYaBHo1iamwnoOrHKSiqeeOIfunMeEn92GlmS8s4ZPT143W7Mo8dQ4zEKYnG0WAw1FsMOpP1+XG43ek/Phev4YsZMOMw8TSM9OEh2LIJkGMi6jmSayEDWMFA1jZlw+OJOpwuJzePBMAxUVSU+MUEGkIAUnP3WNJKGgd2TeyG4JI+1pibOhMMInw8DmD43YkASsPp8jIXDaE25dX1JYG9LC4FgkClFQWpuJl5Sgm6zkSwpwdLcjK4ojASDeFtaLm+oFaeTBa2t9LW1Mb+8nNL6elRNI2EYjIbDjASDLGhtRXE6c3Sl/fv3X/K9OhONMtreTqy3l5lwGLvHQ0FjI96WlrxQAKmjo+N/udDndoX/SP7VS+JyyB/z8JVf9iqz/gAAAABJRU5ErkJggg=="'>
<div>
<img id="data_image" src="" alt="data image" width="32"/>
</div>
</body>
</html>