下面小编就为大家带来一篇 js 将图片连接转换成 base64 格式的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
我们把图像文件的内容直接写在了 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。
来源: http://www.phperz.com/article/17/0307/263678.html