js绝对地址图片转换成base64的方法

Posted 人生梦想起飞

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js绝对地址图片转换成base64的方法相关的知识,希望对你有一定的参考价值。

//将图片转换成base64
        function getBase64Image(url, callback){
          var canvas = document.createElement(‘canvas‘),
              ctx = canvas.getContext(‘2d‘),
              img = new Image();
          //为了解决跨域,可以直接img.crossOrigin=‘‘就能解决图片跨域问题
          img.crossOrigin = ‘xes‘;
          img.onload = function(){
              canvas.height = img.height;
              canvas.width = img.width;
              ctx.drawImage(img,0,0);
              var dataURL = canvas.toDataURL(‘image/png‘);
              callback.call(this, dataURL);
              canvas = null; 
          }
          img.src = url;
        } 
        getBase64Image(‘http://app1.xesimg.com/roommsg/9071347a804c1b2f9b27ee4198f4e738_small.jpg‘, function(base64Img){
           console.log(base64Img)
        });

  

以上是关于js绝对地址图片转换成base64的方法的主要内容,如果未能解决你的问题,请参考以下文章

js 将图片文件转换成base64

php 将图片转换 base64 格式与还原生成图片

js怎么把base64的字符串转换成图片

js把通过图片路径生成base64

js如何将选中图片文件转换成Base64字符串?

JS 上传图片转换成二进制流base64