js将图片转换为base64

最新推荐文章于 2024-07-29 14:37:18 发布

慕容屠苏

最新推荐文章于 2024-07-29 14:37:18 发布

阅读量4.3k

点赞数

分类专栏：大前端爬坑之路 web移动端

本文链接：https://blog.csdn.net/kerryqpw/article/details/81952863

版权

大前端爬坑之路同时被 2 个专栏收录

188 篇文章 60 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

web移动端

67 篇文章 0 订阅

订阅专栏

前端在向后端传输图片时，通常会将其转换成Base64字符串。本文介绍如何使用JavaScript将本地图片转换为Base64编码。

摘要由CSDN通过智能技术生成

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);  
}