将图片转换为base64链接的HTML代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'>
<title>WebCat</title>
</head>
<body>
<img src='' id='hop'/>
<script>
var file = 'https://jsmov2.a.yximgs.com/upic/2023/07/29/17/BMjAyMzA3MjkxNzU0MTdfMjQ1NDk3NDA1Nl8xMDkxNzcxMjk0MTFfMV8z_b_B3adfcd43dabb9327cb0ca934ff913dff.mp4?clientCacheKey=3xpdu6kjeytyzby_b.mp4&tt=b&di=2ac037b5&bp=10000';
var img = document.getElementById('hop');
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
<pre><code> var video = document.createElement('video');
video.crossOrigin = 'anonymous';
video.src = file;
video.addEventListener('loadeddata', function() {
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
context.drawImage(video, 0, 0, canvas.width, canvas.height);
var base64URL = canvas.toDataURL();
img.src = base64URL;
});
</code></pre>
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/qi7F 著作权归作者所有。请勿转载和采集!