专栏首页LIN_ZONEjs将图片转换为base64

js将图片转换为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);  
}  

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js 图片与base64互相转换

    参考地址:http://www.cnblogs.com/mr-wuxiansheng/p/6931077.html

    lin_zone
  • css 使元素居中

    <div style="text-align:center;">居中显示</div>

    lin_zone
  • markdown 基本语法(转载)

    最近感觉一直使用富文本编辑器写东西,感觉有点烦,所以就试着学习了一下简单的markdown编辑器的使用

    lin_zone
  • js 图片与base64互相转换

    参考地址:http://www.cnblogs.com/mr-wuxiansheng/p/6931077.html

    lin_zone
  • js实现图片资源转化成base64的各种场景

    网络上有很多片介绍通过js将图片转换成base64的文章,之所以再写这篇文章的原因时发现没有找到系统的介绍的文章,有的介绍如何实现本地项目的图片转码,有的介绍如...

    yaphetsfang
  • 利用Canvas写一个图片灰度处理的小工具,附源码

    前两天放假在家没事,写了一个把彩色图片变成灰度(黑白)图片的小工具,“选择图片”确定会自动输出处理后的黑白图片。

    德顺
  • img 转为base64(转)

    参考文献: https://www.cnblogs.com/tugenhua0707/p/4666076.html

    山河木马
  • matlab图像加密

    在谈到图像加密之前,我先让大家简单了解一下密码学的基本原理。下面我先将一个小故事:

    艾木樨
  • 用NC或rsync传文件和目录

    rsync --hard-links -ropgt --bwlimit=100000 -v --progress -e "ssh" -o "GSSAPIAuth...

    用户1148526
  • python pyqt5使用资源文件

    将图片资源编译为py文件 例如存在图片 a.png 和 b.png 都位于 ./img/ 路径下面,在 ./ 下新建一个文件 img_rcc.qrc 文件,输...

    用户5760343

扫码关注云+社区

领取腾讯云代金券