img转换base64记录

要实现这个功能，要使用canvas来做，Canvas里面提供了一个toDataURL的接口，可以用这个接口获得图片的base64
思路

1. 获得canvas对象
2. 加载图片到canvas对象里面
3. 从canvas对象中获取base64数据

<script type="text/javascript">
    function getBase64Image(img) {
      var canvas = document.createElement("canvas");//创建canvas画布
      //宽高为img宽高
      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");//有前缀
      return dataURL
      // return dataURL.replace("data:image/png;base64,", "");
    }


    function main() {
      var img = document.createElement('img');
      img.src = './images/yeoman.png';
      img.onload =function() {
        var data = getBase64Image(img);
        console.log(data);
      }
      document.body.appendChild(img);
    }
    main()
  </script>

参考：
这里