要实现这个功能，要使用canvas来做，Canvas里面提供了一个toDataURL的接口，可以用这个接口获得的base64
所以思路是：
获得canvas对象
加载到canvas对象里面
从canvas对象中获取base64数据
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function getBase64Image(img) {
var canvas = documentcreateElement("canvas");
canvaswidth = imgwidth;
canvasheight = imgheight;
var ctx = canvasgetContext("2d");
ctxdrawImage(img, 0, 0, imgwidth, imgheight);
var dataURL = canvastoDataURL("image/png");
return dataURL
// return dataURLreplace("data:image/png;base64,", "");
}
function main() {
var img = documentcreateElement('img');
imgsrc = '/images/yeomanpng';
imgonload =function() {
var data = getBase64Image(img);
consolelog(data);
}
documentbodyappendChild(img);
}
main()
</script>
</body>
</html>
然后可以在控制台看到base64的数据
希望可以帮到你
以上就是关于如何获取html里<object>标签视频图片的base64值全部的内容，包括:如何获取html里<object>标签视频图片的base64值、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）