js 将图片连接转换成base64格式的简单实例
发布于 2017-03-07 05:33:56 | 212 次阅读 | 评论: 0 | 来源: 网友投递
JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇js 将图片连接转换成base64格式的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
我们把图像文件的内容直接写在了HTML 文件中,这样做的好处是,节省了一个HTTP 请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个js:
function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement('CANVAS'),
ctx = canvas.getContext('2d'),
img = new Image;
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://bit.ly/18g0VNp', function(base64Img){
// Base64DataURL
});
以上这篇js 将图片连接转换成base64格式的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phperz。
相关阅读:
js 将图片连接转换成base64格式的简单实例
JavaScript将数组转换成CSV格式的方法
canvas压缩图片转换成base64格式输出文件流
javascript将中国数字格式转换成欧式数字格式的简单实例
将中国标准时间转换成标准格式的代码
js 日期转换成中文格式的函数
把普通对象转换成json格式的对象的简单实例
使用JSON.parse将json字符串转换成json对象的时候会出错
js 将json字符串转换为json对象的方法解析
JS 数字转换为大写金额的简单实例
js将滚动条滚动到指定位置的简单实现方法
Js调用Java方法并互相传参的简单实例