1.利用DataURL去转换
<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body>
<script src=".2.1/jquery.js"></script>
<script type="text/javascript">function getBase64Image(img) {var canvas = ateElement("canvas");canvas.width = img.width;canvas.height = img.height;var ctx = Context("2d"); // 利用load是解决不了这个问题的，必须是在运行服务器的情况下，还有是本地的图片// 注意浏览器上的地址栏是localhost:8080这一类的地址/*load = function(){ctx.drawImage(img, 0, 0, img.width, img.height);}*/ctx.drawImage(img, 0, 0, img.width, img.height);var dataURL = DataURL("image/png");return dataURL// place("data:image/png;base64,", "");}function main() {var img = ateElement('img');img.src = 'e824b899a9014c08e68d91d6007b02087bf4f40b.jpg';load =function() {var data = getBase64Image(img);img.src=data;console.log(data);}document.body.appendChild(img);}main()</script>
</body>
</html>切记如果不在本地服务器运行，将会出现这样的问题，还有可能导致地址变为了base64，然而图片不显示出来
本文发布于:2024-01-27 21:55:01，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/17063637012868.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
