在html中显示base64图片

时间:2025-03-17 21:02:38

在网上搜索后,只是唯一一个 让我在html中显示出base64图片的方法。

<body>
<script>
    var img = new Image();
     = 'data:image/jpg;base64,Qk0mTAAAAAAAADYAAAAoAAAAUAAAAFEAAAABABgAAAAAAPBLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
    (img);
</script>
</body>

 使用的时候替换为自己的base64编码和图片格式即可。

<body>
<script>
    var img = new Image();
     = 'data:image/jpg;base64,你的base64编码';
    (img);
</script>
</body>