手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 将图片连接转换成base64格式的简单实例
js 将图片连接转换成base64格式的简单实例
摘要:我们把图像文件的内容直接写在了HTML文件中,这样做的好处是,节省了一个HTTP请求。坏处呢,就是浏览器不会缓存这种图像。现在我们提供一个j...

我们把图像文件的内容直接写在了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格式的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持查字典教程网。

【js 将图片连接转换成base64格式的简单实例】相关文章:

JavaScript通过Date-Mask将日期转换成字符串的方法

多种js图片预加载实现方式分享

js对象和json对象互相转换的问题

js实现简单锁屏功能实例

JQuery实现带排序功能的权限选择实例

javascript制作的滑动图片菜单

javascript实现点击后变换按钮显示文字的方法

jQuery实现的多屏图像图层切换效果实例

Javascript实现图片轮播效果(二)图片序列节点的控制实现

JavaScript实现广告的关闭与显示效果实例

精品推荐
分类导航