js如何将网址链接 生成base64图片?

阅读 4.9k
3 个回答

base64 是对图片字节内容进行的字符编码,那么第一步就得获取到图片内容,在浏览器里面获取资源内容还能在js里操作,就是fetch和xhr,都有同域要求不能跨域,对于自己服务下面的url可以
操作,其他服务的url一般不行。

fetch('/xxx.jpg').then(res => res.blob())
.then(blob => {
  var reader = new FileReader();
  reader.readAsDataURL(blob); 
  reader.onloadend = function() {
    var base64data = reader.result;                
    image.src = base64data
  }
})

html2canvas,前端肯定是实现不了。跨域问题绕不过去。

一般都是在服务端做,自动化

image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题