您的位置：首页 > Web前端 > JavaScript

js 将图片链接转换成base64格式的简单实例

2018-01-31 15:25 567 查看

简单案例
<！DOCTYPE html>
<HTML>
<HEAD>
<meta name =“viewport”content =“width = device-width”/>
<title> jquery图片base64 </ title>
</ HEAD>
<BODY>
<img src =“”id =“oImg”> // src =转编码后的base64格式
<SCRIPT>
函数convertImgToBase64（url，callback，outputFormat）{
4000
//封装函数，传入参数第一个：图片的地址，第二个：转编码后的base64格式，第三个：可以不传
var canvas = document.createElement （'canvas'）， //创建画布
ctx = canvas.getContext（'2d'），
img =新图片;
img.crossOrigin ='Anonymous';
img.onload = function（）{
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage（IMG，0,0）;
var dataURL = canvas.toDataURL（outputFormat ||'image / png'）;
callback.call（this，dataURL）;
canvas = null;
};
img.src = url;
}
convertImgToBase64（'http://b.hiphotos.baidu.com/lvpics/w=1000/sign=0b3d6cc5ea50352ab16121086373faf2/8435e5dde71190ef4708f1adcd1b9d16fcfa60d4.jpg'，function（base64Img）{
的console.log（base64Img）; //编码后的
document.getElementsByTagName（'img'）[0] .src = base64Img;
}）;
</ SCRIPT>
</ BODY>
</ HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： canvas base64 图片转码

相关文章推荐

新的分享

章节导航