如何使用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 reader = new FileReader();
reader.onload = (e) =>{
hop.src = `${e.target.result}`;
}
reader.readAsDataURL(file);
</script>
</body>
</html> 这段HTML代码是一个简单的网页，其中包含一个<img>标签用于显示图片。在代码中，<img>标签的src属性为空，因此无法加载图片。
<p>要加载图片，需要将图片的URL链接放入src属性中。在这段代码中，你可以将图片的URL链接放入src属性中，例如：</p>
<pre><code class="language-html"><img src="https://example.com/image.jpg" id="hop" />
</code></pre>
<p>然后，图片就会被加载并显示在网页上了。</p>
原文地址: https://www.cveoy.top/t/topic/qi7A 著作权归作者所有。请勿转载和采集!