javascript 图片转base64
2016-07-19 11:38
417 查看
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 img = "images/camera.png";
var image = new Image();
image.src = img;
image.onload = function () {
var base64 = getBase64Image(image);
alert(base64);
}
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 img = "images/camera.png";
var image = new Image();
image.src = img;
image.onload = function () {
var base64 = getBase64Image(image);
alert(base64);
}
相关文章推荐
- javascript性能优化-repaint和reflow
- js中的垃圾回收机制
- JSP自定义标签开发入门
- 如何在JS中实现相互转换XML和JSON
- js 动态给元素添加、移除事件的实现方法
- 百度地图开发(三)之地图控制 + 定位
- Javascript 使用小案例
- js组件化 2 拖拽
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- js函数必须在alert执行才能执行
- js实现动态创建的元素绑定事件
- 来来来,一起五句话搞定JavaScript作用域
- javascript中的定时方法
- a 中调用js的几种方法整理及使用推荐
- JavaScript强化教程——DOM编程(两种控制div移动的方法)
- js实现鼠标滚轮控制图片缩放效果的方法(转)
- json性能测试
- js本地存储 localstorage
- 用js动态添加html元素,以及属性的简单实例
- jstl 中function的使用