美文网首页
线上图片转成 base64

线上图片转成 base64

作者: 多久以后_Mr | 来源:发表于2020-10-15 16:32 被阅读0次

    body

              <canvas id="canvas" width="300" height="300"></canvas>
    

    js

    function getBase64Image(img) {
              var canvas = document.createElement("canvas");
              canvas.width = img.width;
              canvas.height = img.height;
              var ctx = canvas.getContext("2d");
              ctx.drawImage(img, 0, 0, img.width, img.height);
              var dataURL = canvas.toDataURL("image/png");  // 可选其他值 image/jpeg
              return dataURL;
          }
    
          function main(src, cb) {
              var image = new Image();
              image.src = src + '?v=' + Math.random(); // 处理缓存
              image.crossOrigin = "*";  // 支持跨域图片
              image.onload = function(){
                  var base64 = getBase64Image(image);
                  cb && cb(base64);
              }
          }
    
          main('https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=151472226,3497652000&fm=26&gp=0.jpg', function(base64){
              console.log(base64);
          });
    

    相关文章

      网友评论

          本文标题:线上图片转成 base64

          本文链接:https://www.haomeiwen.com/subject/hiropktx.html