互联网知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

重庆网站建设利用js将图片转换为base64

作者:狐灵科技 | 2020-02-10 10:03 |点击:

重庆网站建设js将图片转换为base64

 前端向后端传输图片等文件数据,经常会将图片或者文章转换成base64字符串,再由后端解密base64字符串存储,或直接存储base64字符串。
 
 文件多来自于本地文件,如何将图片转换成base64,


 
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前端向后端传输图片等文件数据,经常会将图片或者文章转换成base64字符串,再由后端解密base64字符串存储,或直接存储base64字符串。
文件多来自于本地文件,如何将图片转换成base64.
 

如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/hulianwang/893.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218