iTakeo

JS将图片转换成base64。

JS将图片转换成base64格式,之前有篇读取本地图片,使用html5也可以做到,这里用到了canvas来处理。

调用:

  1. imgToBase.init(‘li3.png’,function(data){  
  2.     //回调,data为base64代码  
  3. });  

源码:

  1. ;(function(d){  
  2.     var imgToBase = {  
  3.         init : function(url,fn){  
  4.             this.main(url,fn);  
  5.         },  
  6.         getBase64Image : function (img) {  
  7.             this.canvas = d.createElement(“canvas”);  
  8.             this.canvas.width = img.width;  
  9.             this.canvas.height = img.height;  
  10.             var ctx = this.canvas.getContext(“2d”);  
  11.             ctx.drawImage(img, 0, 0, img.width, img.height);  
  12.             var dataURL = this.canvas.toDataURL(“image/png”);  
  13.             return dataURL;  
  14.         },  
  15.         main : function (url,fn) {  
  16.             var t =  this;  
  17.             var img = d.createElement(‘img’),data;  
  18.             img.src = url;  
  19.             img.onload =function() {  
  20.                 delete t.canvas;  
  21.                 data = t.getBase64Image(img) ;  
  22.                 fn(data)  
  23.             };  
  24.         }  
  25.     };  
  26.     window.imgToBase = imgToBase;  
  27. })(document);  
2015/10/30 0 / /
标签:  暂无标签

验证码: 5 + 9 =

回到顶部