工作积累（一）——使用canvas实现前台图片base64转码

利用 HTML5 的 <canvas></canvas> 标签和 canvasapi ，我们可以得到图片的 base64 码，可以在前台完成图片向 base64 的转码而不用借助后台，下面看一下实现方法。1.HTML 代码片段：HTML 代码非常简单，只需要用到 HTML5 的<canvas></canvas> 标签即可，指定其 id 方便我们找到该元素：[code=html;toolbar:false"><canvas id="load-area"></canvas>$(window).load(function(){
  var loadCanvas = document.getElementById("load-area"),
  context = loadCanvas.getContext("2d"),
  tmpImage = new Image(),
  base64Str = "";
  loadCanvas.width = $('#convert-img').width();
  loadCanvas.width = $('#convert-img').height();
  tmpImage.src = "img/demo.png";
  context.drawImage(tmpImage, 0, 0);
  base64Str = loadCanvas.toDataURL("image/png");
};window.onload =function() {};