Dev/HTML \ CSS \ JS

[ Javascript ] base64로 인코딩된 이미지 파일 html 상에 출력시키기

surimi🍥 2021. 3. 31. 23:19
반응형

# HTML에서 이미지를 받아줄 img태그

<img class="sampleImg">

# JS에서 base64 인코딩된 이미지 삽입

var imgcode = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcsAAAFACAMAAADkq6duAAAAxlBMVEX////tHyQAAAD6xcj3m57sAADtAg/z8/PtGyH6+vr39/esrKztFhxJSUlERETs7OykpKTh4eFfX1/Z2dlubm62trbGxsZ9fX2RkZEICAhnZ2ecnJyGhobwWlwzMzO+vr4WFhbze30eHh4oKChVVVX2j5P+8vDPz887Ozvyb2n+7+fvQz72mZX4q6795ub4ubrxZV3vJi/70sr0iYPvNTz82dbwU1H5ubLxaGr4rajzcHXwSE76zc3vNzT2oZz5wrzzenPxXE4xoSxDAAAgAElEQVR4nO1dCXuiyhJVMrKJIiLiFjVKxDwTs2qSiSa5//9PvV6hWQWXRJ0+934ZBHo9dHVV9VYocHBwcHBwcHBwcHBwcHBwcHD8E5gs7v9wHD3uLuZKOpHzuze5JHKcAEqll+vVJJnK+6UmykWO04AmPl7Nk6TrlaxxJk8Jsja7SKCyxJk8NWhyLJnX4m9njCM/tJdFTF/JW+VJQvyISthL7bdzxUGQr1GV7sNc3nEqjwXyi5ynu9Muw8rsX95bHgvEPxfLUvamJT+G1R/eWx4NxGel8LTMbh6K16HusnTI3HHkgfZ3UijMr+WsTVP8G+Ryxbk8GmjfyDV3MctIpnYZUn04l0cD7Rl7zReX2XSYMJd/OJdHA8plYb7MRKb2wbk8VojvlJX53yy0aC+cy2OF+OWrpFlaJm+XRwu5+MTYFw+bFSDeLo8W2owdYV5oG8nkXB4txLcAM6/yJqcB5/JoEfaVP2/qMjmXxwpZDg1ITpYbpCzn8lgh3oTn130RbpI8tJzLY4VvXVIo31jKfic49bRHzuVRQltHp9Yt1rBFajdf8WRyLo8UpecIlYXCNWRHm82fHuPI5FweJ+THmKlYhTlsmLK2KqziyORcHie07xgqC4Ur2GNCY+U9ZjIQ5/IoEd8sSY+JDM/3KFHyllxqCHsuwW9BRtjwUEYl/qEZNOJNLJWFwo1GnQhvEaa25fIDYd9F+BXIWvFxtl4/Jj1bv8Bn8iMq8ePhyGS+JllOWh8CbUzM5fwj3JS241L+WM0BVgcs2Y9BW99ePC0WT6vnqJiRtZt7+Ozpvij+hSWevx1MFslL36+jXcfxCDFZa8XSK7qM1P52XGpL5MKfx6rGpwVtSUeWXiOFkeXXCa1C8QpdXB1syql4Tf06IE9JzRJ6Zb2+NOyg3Y3L9clzKRc9JeM+IrO0T685zAiXGx3cW0O8VUh1yqWvQiK+itol/cBCSwzk4r/Npeib5JF2SUoZaJcH5PK1cItzEBrsCmK+9J17X0FVTNb+bS5LuFmunr/fryNc3uLa+7y6fS8emktZmxQWyGjUXpIlbKGgXF36Q9TB3PzjXMoaqrevddw6cA01gMlShMaX/PEMMTuUticuYZuDCYl3KVSCroBhehFQWLbk8vJMuNQ+UEGeY0uNl6d+kW9fRrsDHExxF6GhATUrLc4Rm4Q7Nj975lLOZE7L4LV421xGEcQ8SnyQFtvmKIiAuY2TnLK8gs+eUr9XlHjurEShfcDm9kckF1kRMDJ34xKPvWjwg9UQkevlcjmTxbTia6K2/lguP17Aa6GuW9ReZjCCl9D3D56s4YOPFy0ctYxjmz2K6d8QTBXFXfRfBC2t9B/mshRpcrBQyFp5Is/YdumVWJRB4i9E/dRwVtbbeIfwvOZ3EP8qB5WFwifD1x64FK/uAa5FTfz+Wkwmk/nqdpaoIcjiyzN6azJ/ul+yXkBNe3i/mM/hk/n981pkgqy/7xdzFOYCRM1+ieL6Cqe5eL1JcSnCVF9xqqv3N/KiPAPZvkCD9wtYgheWAe0a3EEtZA6fgTCX8N973A5uyb3i8wrEuUB1JhZJwRb3D7m9m/Ia6WBPovhZCGMS75olD1mpsAuX/0NcllBfvSrN3r1JDfOrhMKA0jMiZPLkT+EVL7/YKYTzW9pOZJkNUpi8v3hxy/K3X87JKnE+jFa8ZaP4ekAVoP0XKLnCBmfMToRrkeixcGhfXqMGe12a4TY0L8F6zJaVBIjfOGDpb3TjpcnDc8r2PYwquw8ukbr3FSi9Eq+7a+vXYHLzK5Je6SGc30/8xcmlUBCgdBKWtVJwGsX/vuMzr61DtvfkGa4y1R6CNwNcroNc3hIuFYbL5xl5B3ApA0s/UK54bSoRJfJVRJY2wzT/lr7/F71NsPIHv/bAJbZdn3B90RLFThqTNW8mtvfeN+5yvUIo9ImCLWdi5DFB6LpC+fEuFIZEFs7sbBWJ+07cvV3e0mgBl1o4K4XvPIYoXTkZL06vRO0ykczJjS+m9sUluDG5f/7vv+8vXJr3uIFv3BlMLp4f/nv4xPlGfa4skh+f3//Nnm9xJzaBT4hrcvJ6/T17eF7huPEaNhLb/O77v/9u8ZcUt3GGTJZlKF8gdw9U2AK5oa3vLy5WpL+8uAj1l38uLi5wfwkuLt40xh9LGi2KVgE9/KIkEq/CPcjKNY6SqeONCEuBEFtvWlG8SdRuXz3G9sElEYLzb62kaWIRC76ndUSZE7EcnXw/wvfED/xdQ3tAe8BVegm0Q/CkiKvmRvTWrV1rJfCktMYPkO9KW6PYFksNhiHExiwFpl3RbRHF/YGZXQBzSn58LOKCXGuPj8ExL7kI7mD7El4Wi1EuYcYurpaXl0sRrxZYXKKsPOJBjhyDSKXvtO0JJ/9pXilisDoAl8pbiXRwc/wsUpQSEk2TG7IlgoblGHRc4e9aWXpm+YLWG9br6ICMhh8gAY4d0IsXkQS5RvXxEBZttOL9VLE4/NSQOYjty+tSdCwaPERcrjT0LMolilREA9TvOJMkK6Wc7r6wQA8BWwul26TnXt+wPy69to712qi4I2td3n3VFWcPqPnyp+Lp9ujJBa0MzOXkg07zfbsFeAbiELOgvNHYSF/8FeZExN/8q2c+aiJuREikpvkKitoKc4njieHyGueKmPee5iVrxMmQsWFqoX0GQligBi4XI9v3EHz7VbAnLhWvfyBDD5FRW+ycmvieCm35tXp6WsEb6xmAJ5U1PP3+1pexi4ei6PslIC9YJ3ryScBSaB7WufAgPKuK4S8c5zeVSxn7ChK5/CIqJC4wI1O1t3CaaZCL8fsSUhAhGjdhFuF17+1y7slU0hLCXMq4I2U3KgEdFumnZDyXRoY9WqmEZRbmkowKTFZXl6VSyXcUyEjE3vmb3JbWiKKQZCPimu28SJSIP+1hGy7J1nO0QWCr6Z3JyiPxJmWpS388MgH3JJrwNiEUi6Jnie+Jy8Wjz2Uhlkv8Nb+yCbBzpgCPxcfl5dX1nwUpG65t3yaZzK//LslqChl/pV/XPv6gt0L6M9GQAq4uTAWayJbGJVnLmsjlpEiSwgrCBZOV61BvkopSZLEBxgVph15nJYYtbQyvFe2tXTJcPse3Szwsl/CxymLx7/VqMWc/UVTDshYw9Odfz0jFkGcJEucixCXupNnWSnzmF1tx+exzOfcUhATj7yJTfymXEprlNTF0PFspYeoI0nNRTHuTsetNXOLav44fXtK+FxNfMVe8eoNDs38ChVUWN6XAmH+oAoPJimifFCWwQhyL59W+uJTF+JywLpkUiA/xoZXLF5S3Lz/rMc5aiL9753K2A5ey7Clpynz1dfvGNia5tH4ObhD/rXlcKiFE2uUSBlRuWLLycbnYyGUpNidKxnapJYjYxRoNabIiJUH9ofPJDsJlISOX3vRhOv66+vN2OZO10kewhjVRnl1+fi0on/NLjUykuAWmehAfoaGrmRImiwwrfe2LSyJjP8M5CWclHvIswbh8F1GjmLNruqLr+PbG5TwXl2syHOjfeVx+fHwsH2XSEczfoONIluMsBUBwSf64Ik68V01+JL2vFkJkzih6756NCpuDn1txeRXHJY5P3JCV1KqMANjn6NEfNmvxPcsvcFlE7zE2iXYDZw8DM4yE8PZ515h2CUyUUokO9opF7B+DajgSlKyqKMM3I5M4sE2yYG2SN/RBPG+ySbJziQr2xaQso1xn4/I7nkvQ2crLRdhILcU14p/nkghSpusSietLJhfewCTL5Z87ANq7A77uCZfYVpn4k5fkF/jmn7BgI14oZtgCVz32S+1ik3hc4r0+/7cMZeUu0zwv8U8slXBwDVpxn8Gcxa4z2Q+X61xcLtF9z8um4fnXr2IxzCVZR4p8BSFdDk9SA82MZMHXDLA7Zx7mUsN61Mob6seaLfH9b8flOsglGbDzrS387iQ6uhBXlfGqzwJ6Th5Xfp3QOosbq95Nj11uwSXxhsM+DsWBNWz4AWIulQfinBeJHYX8sSjMZIllJ1CWsL9b9p68iYFAnxFWiH36iZ0M4D3sa8czH7bz+4S4JK5S5Q17pWhWsrkKtPg56lB6AbXoJhxHKTodyNOOfpJLEkr5nEFH14yscIHDJDjE/BLNj1rTQ3A+Qe9HH32v4aPiBxnkEL1mPnlGT7RnbLBHJz1SfeFiBn25RRL5Cmsm6f5Ydh5eCpc0lsktzuRfPOSazR0rx87VwqN6D1HHSsxwie/D230NApGQm7mkAyOF+fvdHZmyCwdaPYfGZAW7Gc+UnNzdLemkAGUBwtyRKUELVE3Ucl7AQE94ADhuagYt/vwLvEfsGlrRW/rWn4JcBgp294S/2Mg0+HjEcjnHYvMxOgSqRebS+F7LPawNwv7EjX4fmFjUPsK1GJnfSzP8V4tRw8lsDvkxGltc/cnFiLtkTgd18o55sfN9GC5lOSYr2Ua8tLihLGqIRKOIMUf9Ma/d1+xFuUQxxa1UlIu3QWauiqQfDPYa74RbBSiw4mUo9/MbT2/7DGgCk+f4+pO10ES2hSf+vLHo2FKivjnYLuO5BGQG525N/mQevIzRfRbJ0+OJLcZitlu7BJYPmgmKZID4ia59Lr//B2/ErjqVSzN/6uTkdempD6Urz60+/3ookRwrMBJR/vQ8PoXJ4vaRMS+WFzSUMrmfJeZdnN150U8WV/7ImfaB5t0mrKq8h8/IUj7tL/zxP9ig5ccveB2YjyKXlmzBkrMSyVrMhNi0njay2mTl5X3LNe6PDzcAD7iUH/41ivLlDd5I0Mi1x8vb19XTxer19rLo51nWPq7eV+D+++0S3NZmt+D6/hZZGLI2u/q8XwHc//k7C3zwMDb05PX6Mu28AE1ePr+C157uP29mzFcv44LE51VewmdL/Exewzff8JuoxKGJE9rjAyjYarG6v2YLtgnaVaQPiS7qZSCGlR9fP9rH3hNyaB+K9F0aZI0O2QZfCd7GM/69+c5ifJjk2KIZTngvLa+BDTbYUsXuvJE5K8E0IgNZk8hGBCzCk7h8nZPvCbNv5F1KEu0A71MpCM3QZg1qzuVvI9zQJm+pPgZiVntvM3PVOJe/DVkMKdnp82q1WeBt1pvAufx1hFw5d+muvyCXK1Zr41z+OkIrEDYsRAmsggnOIOV7Af8+AvsYKhvOkg3oPsEJpJzLI0CJ8RdsOheYVZVCg0KcyyOA/PianUu/d30NuSQ4l8cAzV+YupFLj/bIfsCcy6OA5g1/KOmHPclrOkb2FNl0nXN5HNDWdOwrfvzNe49uGfMU3awlZHpyLn8LmkyE530ql+Jf7Fl4j9kmi7fLY4FcxIO2i9QpX1jlVW7jBoX4GcNHA7n0sNio/KD9o+YPsXNvw1zys79/Edr6VUnvMFGX+JWwFVaYywnn8hehiTeLtBkiUMTOv5O2qCPTWHzkHoDj2CNkbf2uJO8mI7/MXz8SqY5MgT/chuIcWSCXlt/JM7ceLkvJRK/D0zPvecP8ZaRujJg2q+stPHNo8pc3zJOELEa3I1nlmETGcTyI3Wbk7qcOOuLYI8S4LS4Lyp/UfZk5jhCymLS1990Lb5onBU17S9zHcnG1af9yjqOBLGofdylbd01W1y8ljpOA9na38eiEyeKC4+ixynMEBgcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHB0cWKJJu6FLaEYAcpwCpWbadaX/crzp22ZV+OzscW8NoVYaCj1GlZvx2lji2gmkLEbRb5m9niyM/atUolQBV67czxpEThhPLJERH/+3MceSBGd8oMRzea54Qmv0UKgWh4v5WxiRd/Z2E9d9KeFeY6VQKQv+XrBPDmXZ/xdA1qv3yb6S7M6TKBipBn5mTTLXZmfZrO+fM6As9hkvJNH+otZiCwOYeJHwavhOlt5FKQWjliVGy6rnDxMIYCjZTiZYg/JC0B1x2mZ81QTgNnaE5ysDlKIedOXDa+fmPheo22XTLP8al1Gyy5HVPhctpsGu0LUOVVKPcGAfuN7ILmRbQlsrlfXAZws9xGcKpcDkIUuZSztRmoBsdZa/F3risw2hzcikZxobeEMjYzeJBNcxAvUuGGTCQddT1Gf47CnoumSkqAfiITsLI7jCEDYPqSne7hqnDWsnLpQHlwLQr2ZWWSm44EDWSbMtx6kCCVOrgXiO5kTTtfltoV1r0DRdGO3LKKE7Jdsq9NjCxDNCfO/CzsBzbqgqjltIaC2PSQ5owCadC/V1dkjC82ThuRl1WlIb1cFYraudTZXNySZ0VdoXqzCbOGNVjG5k67y4dG6ji32X624Zk6o6AIq0gJ1dDhV9rG74xRK7oMRY9TRyC6j5swuOjkrSqFITaYrIaqXyVdbfXwmFTG2o+LtWK0LZdo1kX2qiOAfRyrdYaeVw2u7UyqNZerVbrlpOaByjMuOYaZrku4EBtYdQ1jYGDMwO4HA4M8NKoDP5C6oDksY0BILhhDKYkwzpIArReKqIG3VoNyK4WSviYRgGlnlMPgmmW1WgVmcwYWD8U0kk14/NxaZGWY1QFyiWEHrQvN/WX7lCY4ralo1alNoQhEpXGVBgZiMsGuAvMZXBrLFiQS8iojeJtMd2IEbQvj9Im0etCMuJs+zTbs7M3LtWO0MaVZQW4DPkKNumxILMD9jcQ0x0cWQ2VDnAJ8wRaN/iqp/BOV5gaqHUq8G/da3YhX8FR6rF68nCIIMQJEPNHuATtxiFX7e251KfCNFCGsscIaIUdVHrYXsfwr1qFf7tIGIH3CpBv52y4rMYGSBlAqaeZEPm47MOqRulNt+cSEFYP3AAUWF60jsdlP8zlgHDpdzKnzqUdF0BpJAfYH5dAmW7gK6myPZfuKFSGntBu4iu9IlRVn8vauXMZW/VKzMSR/XNpHobLljBkuJT+IS57cQH2xaUOkfgy4IxIR6C5bs2lOaKSmqAltIkuFJKxZ89lIy6A2kkOkINLtVKtViuJZALdh/TW5g56LPgOqoEslT3vB+5K/x0uR3FqqT5K4TK7HiuhkZNELmHrxyx107gEBkszrXR2yCZxPZsEe/q35vL07Ms4O3yQ8v4mm4QZAZSgz6GdLGSb4MuAteX2I74C5i03oSNgYnFIIZD+KnWEESIffsJmHi6NoD/TCg5nHgdS7cs4RTaN+yQu1VqjYYOAFbvR6GFi1A1cQq9ntWa1+qMx4VIpW5bVHQl18E+ZSFa1LQxtcH+Q4EqDo+pTy5D0QWOIbgzaQt/SJRdkBo5pS1m41C2YMDBz4b8kYSCi2z2Y8DFNAlKgdzEAhtxxtDOyWJEaCllL6rtUxo4Z42pX02UsqEEcpl12CJc6+9VQs7GMB7nHSZ485D8ejUeCMMQ34EjPGLop64gm1lcwxVxOGS7hNXWtBz/vGv7ZP+5xEpatiHJisEOYmQcw1Va1QlAlgx6qA3+l1YRS7lQqDVeqklkher/ioepJVtcGEVXriZ2XYnVGsM5tyrblgN/taRdlQ2pMoeSs9y34wcHr8hQOYzX7UPOypmgmsFllEqaSVcEJH/lUYYN17NjBvOrslIN+dvnCDKio7K0NweDLQJoR4hJGZFQm0vgCua7LFEMxXdcbjFZRTKrkXSs4LvSXXCclrGxK+AgQcOw4LJlGoLPc+4yPWLjxLn6OTAh0TIAyA3+Lqhn03sUMiO0TrgU/esWdCsJB0zlzhDw700bXGljdRmj+84F18q7gNLpdu8+b5U4w0taSUFQOPKJepl8SX1a2E6xUFhGGqf6WPUBqlnvAGi0fn3vlxLB54vrPLK44jXn+xw01ZTAEIdbtznGUkFJGQwBaxzT9jGMD0tYHtY/PrcyRBoW4OqMYW7wbOzUYsZ3msHfcLkiOWCjNerhtDju/trqdY0cY3fp0RHgcTTtdbu2dMiSjWWvZdq9Vaxpce+Xg4ODg4ODg4ODg4ODg4ODg4ODg4ODg+OegHHoGJcePoSXwGcdngqYg9Pl8grMA2kl/yqcUnAEUvFI6dTMCjpOAN1P2Z9ZbchwQFt1l9ODLgTgODOZQhBHvMk8aOrtjd4WTecIIrRHqbA7BcawIrxBqcWX2VFEOUSmMBpsDcRwj4g6D4l3mScLXe4b+xmo5jn7iOBrovt7TYw4Tahz7XlMcUfh6T0VlN8Lj++2cHHy9pw/3BfT7ztEW/h9VN11T31086z37wKuyTds+uyEh19d7sO7qc5u4w2cSzJoDHYHjxs61ZIwDZ5kWlL0TOxDObqyW2XuL+NSZTfOdfAsxDbi6Gm3iOtpVPsNdKxn6BpVK3u9qE86PS8bfY1NdR6pH72WCKbTtgaEbtf6G7dE3Q+81yjnOgNoC58elf9Alsx2l4dko+XaFMR1yHiqoJ2dHLTgoVDmXm1HzqAycLNn0He152pdf/eM8p9nCzXY3vJGJS3XTjr0Ku8cv5lLZcADk6cD09Z7gN+pzPN2qn+p4Z71kwKBX77TMQtNq4mqVBhaze33BtawB6MJb8N4gfp8a3bIMZdCoN+j5mIoXmWFZ9N6g1QEJDYhDC3HZ7HVg0mcAxpYMy9Kt9R+MevYBbbJ3/qgcPpeW6rGB42Hj670JCoA7/j5OFnT5pM8oU9FieC4tHAfgstyL+45PE76OE3HYMb4gewshBCo1qz8XfDXjrtUbemdaFIxOxam0PT22W6k4U9Cfw6OcO/GxNodCH54g36Bsqx36DdJTauAxSE7NgofU4wYPuKwKTtmqH9sBwlvB13vqUdHlH5nYzm9fWBuOhmHgkrNmYBdNvYaKojDnBoFfuL9UlCQrE3Ap2BLcD46cgsFw2cZcmvgN8KXUvHYpwMPG4VnLJ+/hsvzOsmeVy2WLClMF/WI2VsurQgKbtZ3xU4fGLJaBrR3O8wJcknktDj4LJcpl2Zf6nq5dRa+Yw8wf3rGC0XuIlkOr30AbrrdjnmQDPHEmqy0Dmv8UX7m7cVn3XoS7F0e5tMLbGnvHjsFDVE9blzUiZ0JVPS6n4UcxMjgZcG5mL2vlMOfS7nBmIuCSOK1czFCMjB0J/ZrJlMOzL6XqqU8Jjm4bWw22ywDyCCFgz1Qy1w1zLm11Jy6JLmq2ka4W5RLN/p06LW9f9/PhshuhK5XLHNpBmSgz2bCfM4YZLocJXII4HGzrkEPjzobL5jBKl8elGcNlzOltCTGPcnWvIC3C5S5nf4PikM7QxDIkjsuCZA56sPvAffm5cGmOo2wxXMY9zXjQHKQyYM+rPYhEfwPomysk1fZOXJJeoImp8rksB92QCtDe+yjiM+FSqcSQtYHLbFNGAAUhh4+KAid+CFJdGOKH1m56rIOvupghoEqTM3J6YZdyg7gGzoTLps2ikcTlMPCanUFymtXI+s1NZ5mWSQemVyJcsjlO77EBl22UrjoVhujkvB5x7ht0+M3zu3eEMcrNmXAZhJ7EZY6zEklMVWHYNQiIWN10xrA0Fdq2abgdYUjPpYWhm2MB3DUM3ctjfwDvx1c67P7rLhz1pIeQglYOj6xErkjsK2gMDBC9Xm6TJnyWXBpJXI7zbp4Pj5TqE4yIYonaZdq5tPCg6HEfEEn1WL0NgoMsDOE/9HhYG3wQ4GfCQhfAZUUY23bFWwoDXZBV256260PMZVdoTzs922kLQ88fe35cmnvkcjhsE1DFUh21h8NhWkxGp98eTru6x6UAww9RVN65RVK3OgI/E0bgoB7bGsE8e853Fzk8xpZFuHTruFRteihAs025rJy638fH/riUXNN04X/wfxoY3UmtK9WA58cCmwT3kAqNBf7nt0MdxOma8WIf2Zduy241fYXZKPfssgHzRA6dNa2Wbddc+obkZdFwT3+chCCZyx8tornDcIXvK/jHsb92uRXoZFp7hyUsnEsCN8wl9eH9TLvsCnat2bQcqoFuA84lQTKXP9IuoWe4DQfYGtsn5+kx/zp+mUuj5VSn02p9sIMu2ayO+XpRiCiX05/kEkDS9d1OKlL0PSxhOQf4XCoqhPLjXHLsC5TLYYViyLk8UVCbJALO5cmBc3k+4FyeD5K5PBs35T8D3i7PBwbn8myQyGXqqCPHUcJsNpsDAotegHtnsS6Rg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OD48yg6oOWnYCWyydwnRDcetJEPDwbr8enPJ8KBjE7GQZR5WSeBpqbmBRy7+vM8TtQ0wUsAT89+hTQbG9mUhAqXAE6AdQ2EwlxdidFniNahKx2PCiXfJeOEwDl0i7Hosq5PB1QLhO2OupwLk8HlMty7FOlk041xzGBc3k+4FyeDyiX8Vu3ci5PCRm5jG+2HEeF3+dS1REO7SWU9Gy+K0XXVeYaIm7fxcBdNWPcB8Z+udQNeCZzo5y+v3o4ByOIPGeMbwGlkfGwQHPs14Xbhzkbxh0aKLSZ41N67dExkLlXLhVv+CzLwTReDtrDttA+MJeFekanMrvtuztGri87ZsN+wTuhoYDOJjomLuPPHs3JpSq0p41Wt9fPM+ZpNF239xNcOlm59OpCcl3X6idwyewo3st8DO8BIHlSY69cKjUXxazbOTdPrx0Pl+pgEOBFn27m0hgM8h6xtDe4/gGVGbnMedqEkuMcd4gj4jKMLFz+HpTayJ8o0DsIl4VK+Li9dES4NNymy5zdJYHfTe+AYInRenVPhZQM5pUo6vAQRRO8QonxFVZPJyV6a4C6MJe62YRH03hcSjiMn1UYGcw+o+eCn6YEtd19K+vwDPpqVi7rW3Lp7MSl3quOR+OpTQ9mqzXA71Hf6eJKtSoVuiWY1KgQHWTQmYIwTqJTA7bLLtBL+w0S1nUqOE21USXzJsy6A1ANxBHi0q2DOKpln8tWBYbx2rxqg8hqMPt1Ouar1mDO6sag6uy5VzXhZuqH5lIFSeSRaEEurZEgjKdj7zBcOF4+7vfB3SmKFJ4jTF4dkKxJoIcW+v0hqOKEXfjrQtURRvDMN3Iepn8225SezUZO6w0UNshlGSYzbRXoYl0AAAZhSURBVAveeX4FcuKkx2VFcBrCCOZewB8NnIUz7PeFfofe2RcstC/+gbk0GkkRJiDApdkWRi3TMLsjoYpqsTyyLdMwgLZLTm8DpKg0+0NUP0DWOJZhNJMThiVxXMMEb04R3THn7OkDa9BN49IQhFHXBC1MaFMuXcsa1ANcDoUeyL2n/oEInYFh1NrCfrlUiKrjN5oNuk9uLqWWbXfGQj/fbC+WS5im13KQ/mzQL88mLdWiA6rSCLPrDoU6Igh28PENE8SKBWGLlCbhzEQjjcseSRgKt4BNwnKJn6hV3GKMPjmeubZfLqGtgDBudQkccqfe9VDzRUp+LnXsLsjpi2e5dL2zn0H91wPE0OOBjDGpScoHMPBINZntBPupTg0rsy90pEIil+Ej4lguddDo8FUvhUvSM7TwhdUWWjhwdZ9culMhC0Z+/W3ZLvvCOPm07ziwXHaFYY0cbQuqg5Re1eFvixzXrthkym4D71cMqqli4iBuVbBjRUJdGOG4pDoOvAWX7siTrClcEj2oJiC/JD3sGGZ6f1xasUd6R9HfhUsE1FnkEbIMl0pDaI/GBETa6t1OFf4c0bZFSAXyC9UokItDGqSNW10EdTpjW7Vx7W7BJQiC2xhU7hK5rLNcguL0CYPd/XGZZYL6nriE9mUu45/hMjT5GnZPpuP/xlwaU+QOtQgdwR3j430Cnj8W6AzIXtqCS8t/lsJlh+VS7Xiz/sv741LtCdmwDy4H+RTZIJf9gelBQnUtdCwX/CiPaGeIak9tECUO1H/HDxJvxNWpwge4HP0Kl7U9ylilm43L8R64BFoKFbKoG9vwelDGhg6FHnhGozukXA5giwUiFmtJRgaPGitjx1vK2GYmGdsJyVja57f2qsc2qfLjH91F+9Cxd6fS2EWPpSl5HaYKx402De+xuk9NGAZncPa8Oij7Tn6gjCplGkpyoIMuHXWqg0ikhTYpl3o/K5fmmI50NbNyCc+Px8nAzmOf9qVRwdRUTZ2AWikt3QNTK1tz2fVkrIp8KRu4HDBWDGOTYHgjSuAb97hsCX0DNDWFvrLxfOI6LQS0SZBNSm+47TQupYqvTIFvpu0lmJHL5lDo4IjHe/b7SD1UtdWs4yT5uCxbpEigQmhDk2CC7Q1cgnJ26CuQMXKuqdSEkdRo8rCPoFy6YwEUheYaGAvE16noVnxaoCQV9IpNvhupjbUhHaSX4iuAQtKTE9Qp5PbD45eJXIIOUyiDb0eHVblfH55SbgsH8+HZglNummaz1fdtkkxcqrA+y+Uy4t8YCcMejKbcQd0TqN1xF/zsDUdefwmbyJCpG+jDq7mmO2hVE1poXWgLThPEIhDPIGTXBkEaICLMpQ5XXbRwTsreaqgBTL5cRh4UfSiMWq5peT48pQletUBMXRhGj+EStv92o1xzhOm+ucSd5oG4RJENR22YeyqXVCGDjC0Y2OzAvZELe4LR0EsXfn7DEch1beRnBLrE6v4sqxZ4vY3CJJyQA3pJ8MEMQVTU3jNBlO2hMGxVCJcBq82X80R0oWgHY5yVLsmr2mCCQFPHty+7dKiI2PWtfeqxFHpHyDx+mY9LvWxXpsBerzZ841Lp1Ov1ePOdhVRr1OsOyYVeq/fH477TG+Bqadb7o3G1ZxgdxxN3BoiW9RS6dgWkPO10E+zaltPTyyBzVX/7BbfTH/crTaXnYO+xWffhMCVu9sCNCi6C2QBxOFbBwXlVuo4fBo6mwcjwFzaodwh1RrdTtwdQc9v/TBKp2z/UWLSiG8DCC4zmqhL4L0PQwHsSiMbwZ7LAnzp6R2HfD7iWFB3alokpocjBK8wId0E1kAHrpStJKoXExq2A+1IwjEReUJkgqpcOCeQnBLPaEoa7nYodj2bWcZJt5xVwRKBXhMphU9jr3C2OGEgtNC1Fsg++koNzeWjoQNuyW/Yofp7tPsG5PDQkquYmzV7ZG35/PcnZQzXKPbtnHZpJzuU5gXN5PuBcng/4GvfzAefyfMC5PB/wvZrOB56vwDDjQGfAHXpFHcceQLncAC5jTwAZueTt8gRgZaIy1yJnjl+CkWlhQufXluNz5ECWCdAjvq3zSUCyN3PJZxWcCDaSOapxCXsyMHv1ulOpVAmmU3JRqVTqTqd1DFtKcWSGJEneEgS4lMdfj5BpCh0HBwcHBwcHBwcHBwcHBwcHx4Hwfx0xcY04rmRbAAAAAElFTkSuQmCC"

document.querySelector(".sampleImg").src = imgcode;

 

 

# base64 관련 사이트 링크

 

[ 이미지 -> base64 ]인코딩 사이트

 

Best Online Base64 to Image Decoder / Converter

 

codebeautify.org

[ base64 -> 이미지 ] 디코딩 사이트

 

Base64 Image Encoder

Optimize your images and convert them to base64 online. Drag & Drop your files, copy to clipboard with a click and use the result in HTML and CSS.

www.base64-image.de

 

반응형