当前位置: 首页 > 网站开发 > 正文

js 将远程跨域图片连接转换成base64格式 亲测可用

妙网小编 发表于2017年3月26日 9:48

网上找了很多方法,要么说JS不能转,要么就是转换不了,以下是找到的完美的解决方法,

function convertImgToBase64(url, callback, outputFormat){

  var canvas = document.createElement('CANVAS'),
    ctx = canvas.getContext('2d'),
    img = new Image;
  img.crossOrigin = 'Anonymous';
  img.onload = function(){
    canvas.height = img.height;
    canvas.width = img.width;
    ctx.drawImage(img,0,0);
    var dataURL = canvas.toDataURL(outputFormat || 'image/png');
    callback.call(this, dataURL);
    canvas = null;
  };
  img.src = url;
}
 
convertImgToBase64('http://bit.ly/18g0VNp', function(base64Img){

  // Base64DataURL

    alert(basearr[1]);

});

本文标签: 网站制作网站建设网站设计JSJQ
本文标题: js 将远程跨域图片连接转换成base64格式 亲测可用
本文链接: https://www.mwkj.net/m/?post=659

随机文章推荐 收藏本文

共有10862阅 / 3我要评论
  1. 游客地板
    @妙网小编:PC端google和手机端uc浏览器都可以用,但是微信内置浏览器报错。

    是不是crossOrigin兼容性问题?还是微信本身做了限制
  2. @游客:手机上没试过
  3. 游客沙发
    手机微信不能用

发表你的评论吧返回顶部

!评论内容需包含中文

请勾选本项再提交评论