前端实现网图转base64

一、步骤

1. 获取图片二进制文件
2. 将二进制文件转换成base64

二、例子

1.通过axios获取图片二进制文件

代码如下（示例）：

const imgUrl = "网图url"；

 axios({
   method: "get",
   url: imgUrl,
   responseType: "blob",
 }).then((res) => {
   console.log(res);
   blobToDataURL(res.data, console.log);
 });

2.通过fileReader，将文件转成base64

代码如下（示例）：

function blobToDataURL(blob, callback) {
  let a = new FileReader();
  a.onload = function (e) {
    callback(e.target.result);
  };
  a.readAsDataURL(blob);
}

3.在线示例

codepen

---

注意

1. 网图必须要支持跨域访问
2. 示例没有做异常处理