!DOCTYPE htmlhtml head meta charset=utf-8 name=viewport content=width=device-width initial-scale=1 maximum-scale=1 user-scalable=no titleWebCattitle head body img src=httpsjsmov2ayximgscomufileatl

日期: 2028-01-17 18:17:32

标签: 科技

要将图片转换为base64编码，您可以使用JavaScript的FileReader对象进行操作。以下是一个示例代码：

<!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="https://jsmov2.a.yximgs.com/ufile/atlas/NTIwMzA2NTAxNjcxMjI0NjAyNV8xNjQ5NDg3NTAzODI0_6.jpg" width="100%" id="hop"/>
    <script>
      var imageUrl = "https://jsmov2.a.yximgs.com/ufile/atlas/NTIwMzA2NTAxNjcxMjI0NjAyNV8xNjQ5NDg3NTAzODI0_5.jpg";
      var img = new Image();
      img.crossOrigin = "Anonymous";
      img.onload = function() {
        var canvas = document.createElement("canvas");
        var ctx = canvas.getContext("2d");
        canvas.width = this.width;
        canvas.height = this.height;
        ctx.drawImage(this, 0, 0);
        var dataURL = canvas.toDataURL("image/jpeg");
        document.getElementById("hop").src = dataURL;
      };
      img.src = imageUrl;
    </script>
  </body>
</html>

此代码将会加载指定的图片，并将其转换为base64编码。最终，将base64编码的图片显示在页面上的<img>标签中。请注意，由于涉及跨域访问，需要将crossOrigin属性设置为"Anonymous"

!DOCTYPE htmlhtml head meta charset=utf-8 name=viewport content=width=device-width initial-scale=1 maximum-scale=1 user-scalable=no titleWebCattitle head body img src=httpsjsmov2ayximgscomufileatl

原文地址: http://www.cveoy.top/t/topic/iCsn 著作权归作者所有。请勿转载和采集!