码迷,mamicode.com
首页 > Web开发 > 详细

js将图片转换为base64

时间:2017-06-01 23:44:32      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:data   ons   string   get   lower   转换   var   image   document   

直接上代码:

var img = "imgurl";//imgurl 就是你的图片路径  

function getBase64Image(img) {  
     var canvas = document.createElement("canvas");  
     canvas.width = img.width;  
     canvas.height = img.height;  
     var ctx = canvas.getContext("2d");  
     ctx.drawImage(img, 0, 0, img.width, img.height);  
     var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();  
     var dataURL = canvas.toDataURL("image/"+ext);  
     return dataURL;  
}  

var image = new Image();  
image.src = img;  
image.onload = function(){  
  var base64 = getBase64Image(image);  
  console.log(base64);  
}  

 

js将图片转换为base64

标签:data   ons   string   get   lower   转换   var   image   document   

原文地址:http://www.cnblogs.com/mr-wuxiansheng/p/6931077.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!